`

表格外边框实线，内部为虚线

htmlcss 
阅读更多
/*-----------------------html代码---------------------------------*/
<table id="table1">
<tr id="tr1">
<td id="title"> <input id="checkbox" type="checkbox" width="10px;"></td>
<td id="title" style="width:50px;">序号</td>
<td id="title">教学计划名称</td>
<td id="title">招生批次</td>
<td id="title">层次</td>
<td id="title">专业</td>
<td id="title">备注</td>
<td id="title">操作</td>
  </tr>
<tr>
<td id="title" width="30px"><input type="checkbox" /></td>
<td id="title" style="width:50px;">1</td>
<td id="left">1303保险事务专业(专科)教学计划</td>
<td id="right">1303</td>
<td id="left">专科</td>
<td id="left">保险实务</td>
<td id="left">今儿天儿真好啊</td>
<td id="title"><input type="button" value="删除" />
<input type="button" value="复制" /></td>
  </tr>
<tr id="tr2">
<td id="title" width="30px"><input type="checkbox" /></td>
<td id="title" style="width:50px;">2</td>
<td id="title">2013计算机专业(本科)教学计划</td>
<td id="title">2013</td>
<td id="title">本科</td>
<td id="title">软件</td>
<td id="title">今儿天儿真好啊</td>
<td id="title"><input type="button" value="删除" />
<input type="button" value="复制" /></td>
</tr>
<tr>
<td id="title" width="30px"><input type="checkbox" /></td>
<td id="title" style="width:50px;">3</td>
<td id="title">2013计算机专业(本科)教学计划</td>
<td id="title">2013</td>
<td id="title">本科</td>
<td id="title">软件</td>
<td id="title">今儿天儿真好啊</td>
<td id="title"><input type="button" value="删除" />
<input type="button" value="复制" /></td>
</tr>
<tr id="tr2">
<td id="title" width="30px"><input type="checkbox" /></td>
<td id="title" style="width:50px;">2</td>
<td id="title">2013计算机专业(本科)教学计划</td>
<td id="title">2013</td>
<td id="title">本科</td>
<td id="title">软件</td>
<td id="title">今儿天儿真好啊</td>
<td id="title"><input type="button" value="删除" />
<input type="button" value="复制" /></td>
</tr>
<tr>
<td id="title" width="30px"><input type="checkbox" /></td>
<td id="title" style="width:50px;">3</td>
<td id="title">2013计算机专业(本科)教学计划</td>
<td id="title">2013</td>
<td id="title">本科</td>
<td id="title">软件</td>
<td id="title">今儿天儿真好啊</td>
<td id="title"><input type="button" value="删除" />
<input type="button" value="复制" /></td>
</tr>
<tr id="tr2">
<td id="title" width="30px"><input type="checkbox" /></td>
<td id="title" style="width:50px;">2</td>
<td id="title">2013计算机专业(本科)教学计划</td>
<td id="title">2013</td>
<td id="title">本科</td>
<td id="title">软件</td>
<td id="title">今儿天儿真好啊</td>
<td id="title"><input type="button" value="删除" />
<input type="button" value="复制" /></td>
</tr>
<tr>
<td id="title" width="30px"><input type="checkbox" /></td>
<td id="title" style="width:50px;">3</td>
<td id="title">2013计算机专业(本科)教学计划</td>
<td id="title">2013</td>
<td id="title">本科</td>
<td id="title">软件</td>
<td id="title">今儿天儿真好啊</td>
<td id="title"><input type="button" value="删除" />
<input type="button" value="复制" /></td>
</tr>
<tr id="tr2">
<td id="title" width="30px"><input type="checkbox" /></td>
<td id="title" style="width:50px;">2</td>
<td id="title">2013计算机专业(本科)教学计划</td>
<td id="title">2013</td>
<td id="title">本科</td>
<td id="title">软件</td>
<td id="title">今儿天儿真好啊</td>
<td id="title"><input type="button" value="删除" />
<input type="button" value="复制" /></td>
</tr>
<tr>
<td id="title" width="30px"><input type="checkbox" /></td>
<td id="title" style="width:50px;">3</td>
<td id="title">2013计算机专业(本科)教学计划</td>
<td id="title">2013</td>
<td id="title">本科</td>
<td id="title">软件</td>
<td id="title">今儿天儿真好啊</td>
<td id="title"><input type="button" value="删除" />
<input type="button" value="复制" /></td>
</tr>
<tr id="tr2">
<td id="title" width="30px"><input type="checkbox" /></td>
<td id="title" style="width:50px;">2</td>
<td id="title">2013计算机专业(本科)教学计划</td>
<td id="title">2013</td>
<td id="title">本科</td>
<td id="title">软件</td>
<td id="title">今儿天儿真好啊</td>
<td id="title"><input type="button" value="删除" />
<input type="button" value="复制" /></td>
</tr>
<tr>
<td id="title" width="30px"><input type="checkbox" /></td>
<td id="title" style="width:50px;">3</td>
<td id="title">2013计算机专业(本科)教学计划</td>
<td id="title">2013</td>
<td id="title">本科</td>
<td id="title">软件</td>
<td id="title">今儿天儿真好啊</td>
<td id="title"><input type="button" value="删除" />
<input type="button" value="复制" /></td>
</tr>
<tr id="tr2">
<td id="title" width="30px"><input type="checkbox" /></td>
<td id="title" style="width:50px;">2</td>
<td id="title">2013计算机专业(本科)教学计划</td>
<td id="title">2013</td>
<td id="title">本科</td>
<td id="title">软件</td>
<td id="title">今儿天儿真好啊</td>
<td id="title"><input type="button" value="删除" />
<input type="button" value="复制" /></td>
</tr>
<tr>
<td id="title" width="30px"><input type="checkbox" /></td>
<td id="title" style="width:50px;">3</td>
<td id="title">2013计算机专业(本科)教学计划</td>
<td id="title">2013</td>
<td id="title">本科</td>
<td id="title">软件</td>
<td id="title">今儿天儿真好啊</td>
<td id="title"><input type="button" value="删除" />
<input type="button" value="复制" /></td>
</tr>
<tr id="tr2">
<td id="title" width="30px"><input type="checkbox" /></td>
<td id="title" style="width:50px;">2</td>
<td id="title">2013计算机专业(本科)教学计划</td>
<td id="title">2013</td>
<td id="title">本科</td>
<td id="title">软件</td>
<td id="title">今儿天儿真好啊</td>
<td id="title"><input type="button" value="删除" />
<input type="button" value="复制" /></td>
</tr>
<tr>
<td id="title" width="30px"><input type="checkbox" /></td>
<td id="title" style="width:50px;">3</td>
<td id="title">2013计算机专业(本科)教学计划</td>
<td id="title">2013</td>
<td id="title">本科</td>
<td id="title">软件</td>
<td id="title">今儿天儿真好啊</td>
<td id="title"><input type="button" value="删除" />
<input type="button" value="复制" /></td>
</tr>
<tr id="tr2">
<td id="title" width="30px"><input type="checkbox" /></td>
<td id="title" style="width:50px;">2</td>
<td id="title">2013计算机专业(本科)教学计划</td>
<td id="title">2013</td>
<td id="title">本科</td>
<td id="title">软件</td>
<td id="title">今儿天儿真好啊</td>
<td id="title"><input type="button" value="删除" />
<input type="button" value="复制" /></td>
</tr>
<tr>
<td id="title" width="30px"><input type="checkbox" /></td>
<td id="title" style="width:50px;">3</td>
<td id="title">2013计算机专业(本科)教学计划</td>
<td id="title">2013</td>
<td id="title">本科</td>
<td id="title">软件</td>
<td id="title">今儿天儿真好啊</td>
<td id="title"><input type="button" value="删除" />
<input type="button" value="复制" /></td>
</tr>
<tr id="tr2">
<td id="title" width="30px"><input type="checkbox" /></td>
<td id="title" style="width:50px;">2</td>
<td id="title">2013计算机专业(本科)教学计划</td>
<td id="title">2013</td>
<td id="title">本科</td>
<td id="title">软件</td>
<td id="title">今儿天儿真好啊</td>
<td id="title"><input type="button" value="删除" />
<input type="button" value="复制" /></td>
</tr>
<tr>
<td id="title" width="30px"><input type="checkbox" /></td>
<td id="title" style="width:50px;">3</td>
<td id="title">2013计算机专业(本科)教学计划</td>
<td id="title">2013</td>
<td id="title">本科</td>
<td id="title">软件</td>
<td id="title">今儿天儿真好啊</td>
<td id="title"><input type="button" value="删除" />
<input type="button" value="复制" /></td>
</tr>
<tr id="tr2">
<td id="title" width="30px"><input type="checkbox" /></td>
<td id="title" style="width:50px;">2</td>
<td id="title">2013计算机专业(本科)教学计划</td>
<td id="title">2013</td>
<td id="title">本科</td>
<td id="title">软件</td>
<td id="title">今儿天儿真好啊</td>
<td id="title"><input type="button" value="删除" />
<input type="button" value="复制" /></td>
</tr>
<tr>
<td id="title" width="30px"><input type="checkbox" /></td>
<td id="title" style="width:50px;">3</td>
<td id="title">2013计算机专业(本科)教学计划</td>
<td id="title">2013</td>
<td id="title">本科</td>
<td id="title">软件</td>
<td id="title">今儿天儿真好啊</td>
<td id="title"><input type="button" value="删除" />
<input type="button" value="复制" /></td>
</tr>
<tr id="tr2">
<td id="title" width="30px"><input type="checkbox" /></td>
<td id="title" style="width:50px;">2</td>
<td id="title">2013计算机专业(本科)教学计划</td>
<td id="title">2013</td>
<td id="title">本科</td>
<td id="title">软件</td>
<td id="title">今儿天儿真好啊</td>
<td id="title"><input type="button" value="删除" />
<input type="button" value="复制" /></td>
</tr>
<tr>
<td id="title" width="30px"><input type="checkbox" /></td>
<td id="title" style="width:50px;">3</td>
<td id="title">2013计算机专业(本科)教学计划</td>
<td id="title">2013</td>
<td id="title">本科</td>
<td id="title">软件</td>
<td id="title">今儿天儿真好啊</td>
<td id="title"><input type="button" value="删除" />
<input type="button" value="复制" /></td>
</tr>
<tr id="tr2">
<td id="title" width="30px"><input type="checkbox" /></td>
<td id="title" style="width:50px;">2</td>
<td id="title">2013计算机专业(本科)教学计划</td>
<td id="title">2013</td>
<td id="title">本科</td>
<td id="title">软件</td>
<td id="title">今儿天儿真好啊</td>
<td id="title"><input type="button" value="删除" />
<input type="button" value="复制" /></td>
</tr>
<tr>
<td id="title" width="30px"><input type="checkbox" /></td>
<td id="title" style="width:50px;">3</td>
<td id="title">2013计算机专业(本科)教学计划</td>
<td id="title">2013</td>
<td id="title">本科</td>
<td id="title">软件</td>
<td id="title">今儿天儿真好啊</td>
<td id="title"><input type="button" value="删除" />
<input type="button" value="复制" /></td>
</tr>
<tr id="tr2">
<td id="title" width="30px"><input type="checkbox" /></td>
<td id="title" style="width:50px;">2</td>
<td id="title">2013计算机专业(本科)教学计划</td>
<td id="title">2013</td>
<td id="title">本科</td>
<td id="title">软件</td>
<td id="title">今儿天儿真好啊</td>
<td id="title"><input type="button" value="删除" />
<input type="button" value="复制" /></td>
</tr>
<tr>
<td id="title" width="30px"><input type="checkbox" /></td>
<td id="title" style="width:50px;">3</td>
<td id="title">2013计算机专业(本科)教学计划</td>
<td id="title">2013</td>
<td id="title">本科</td>
<td id="title">软件</td>
<td id="title">今儿天儿真好啊</td>
<td id="title"><input type="button" value="删除" />
<input type="button" value="复制" /></td>
</tr>
  </table>

/*----------------css-------------------------*/
#table1{width:100%;border-collapse: collapse;border-spacing: 0;float:left; margin-left:23px; margin-bottom:15px; border:1px solid #666666; bordercolor:#858587}

#title{ text-align:center; border:1px dotted #666666;}
分享到：
| IE6,IE7中 按钮的宽度随着内容的增多而增 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    表格边框样式大全

    在探讨表格边框样式的全览时，我们深入解析了HTML和CSS中各种边框属性的应用，这不仅包括基本的实线、虚线和点线，还有更复杂的样式如沟槽（groove）、脊状（ridge）、内嵌（inset）和外凸（outset）。以下是对这些...

    纯CSS 做的虚线表格

    有几种不同的边框样式可供选择，包括实线、虚线、点线等。要创建虚线边框，我们将设置`border-style`为`dashed`或`dotted`。例如： ```css table { border-collapse: collapse; /* 使单元格之间的边框合并 */ } ...

    HTML表格边框设置方法

    `border-style`属性定义边框的样式，如实线、虚线等： ```css table { border-style: solid; /* 实线 */ } ``` 其他样式包括：`dashed`（虚线）、`dotted`（点线）和`double`（双线）等。 - **边框颜色...

    表格边框以虚线显示的css样式

    这些规则定义了表格的文本居中对齐、外边框样式、边框圆角效果、背景颜色以及宽度。 在HTML代码部分，我们看到如何将这些CSS样式应用到实际的表格元素中。`&lt;table&gt;`标签用于创建表格，并设置了宽度为100%、边框为0...

    自定义高级表格边框样式.rar

    此外，还可以设置边框类型，如外边框（包围整个表格）、内边框（仅内部各单元格之间）以及特定行或列的边框，使表格更具层次感。 二、颜色与宽度 边框颜色的选择也对表格的视觉效果有很大影响。你可以选择预设的...

    Excel如何将表格改成虚线.docx

    在Excel中，调整表格样式以将单元格的边框更改为虚线是一种常见的操作，这可以使你的工作表看起来更加专业且易于阅读。以下是一个详细步骤的教程，教你如何在Excel中将表格改为虚线。 首先，打开包含你想要修改的...

    Excel表格加边框操作教程

    值得注意的是，Excel还提供了一些快速添加边框的工具，例如在“开始”菜单的“字体”组中，你可以找到“边框”工具，里面有一些预设的边框样式，如“全部边框”、“外边框”等，方便快速操作。 在实际工作中，添加...

    wps文字中表格边框设置方法.docx

    首先，你可以选择“线条样式”，这里有各种线型供你选择，例如单实线、双实线、虚线、点线等，这会影响到边框的视觉效果。在这个例子中，我们将边框的线条样式设置为3磅的实线，这意味着边框将会更粗，更显眼。 ...

    Excel2021表格边框设置方法.docx

    5. 在“预置”区域提供了“无”、“外边框”和“内边框”三种快速设置边框按钮。 6. 完成设置后单击“确定”按钮即可。 通过设置表格边框，用户可以对表格的外观和结构进行个性化设置，提高表格的可读性和美观性，...

    易语言自定义高级表格边框样式例程

    在自定义表格边框样式时，这两个函数可以用来调整表格控件的外观属性，例如边框宽度、颜色和样式（实线、虚线、点线等）。 在实现自定义高级表格边框样式的步骤中，开发者可能需要： 1. 首先，通过GetWindowLong...

    Dreamweaver表格外观单线双线颜色等设置

    例如，可以通过在大表格内部嵌套小表格来创建具有双线外框和单线内框的表格。 **2.2 实例操作** 1. 绘制一个基础表格，并按照上文所述方法设置CellPad、CellSpace和颜色。 2. 创建另一个单行单列的表格，设置...

    完整版自定义高级表格边框样式例程.e.rar

    "自定义"意味着用户可以根据自己的喜好或项目需求调整边框样式，例如选择不同的线型（实线、虚线、点线）、线宽、颜色以及边框的位置（上、下、左、右、内侧、外侧等）。此外，可能还支持自定义特定单元格或行的边框...

    完整版自定义高级表格边框样式例程.rar

    在电子表格软件如Microsoft Excel或Google Sheets中，边框样式是用于定义单元格、行或列外观的部分，包括线条样式（实线、虚线、点线等）、线条宽度以及颜色。通过自定义这些属性，可以创建出各种复杂的边框设计，以...

    table嵌套table边框样式

    本篇将详细介绍如何通过CSS来控制嵌套表格的边框，以及涉及`div嵌套table`时的外边框设置。 首先，我们需要理解表格的基本结构。一个HTML表格由`&lt;table&gt;`元素开启，包含`&lt;tr&gt;`（行）元素，`&lt;td&gt;`（单元格）或`&lt;th&gt;`...

    css控制表格细边框样式

    4. **边框虚线或点线**：通过改变`border-style`属性，可以设置边框为虚线或点线。 在实际应用中，可能还需要根据表格的具体需求，对表头`th`进行额外的样式调整，或者针对不同的表格行或列设置不同的边框样式。...

    易语言源码自定义高级表格边框样式例程.7z

    1. **边框类型**：易语言允许设置表格的边框类型，如实线、虚线、点线等。通过调用相关函数，可以改变表格的各边框样式，例如`设置表格边框类型`。 2. **边框颜色**：改变边框的颜色可以增加视觉效果。使用`设置...

    自定义高级表格边框样式例程.rar

    这包括但不限于实线、虚线、点线、双线等样式，以及不同颜色的选择，甚至可以设置边框的粗细，以此来突出显示或区分数据。 自定义边框样式通常包括以下几个步骤： 1. **选择区域**：首先，你需要选择要应用边框...

    普通table表格样式及代码大全(全)

    本篇文章将详细解析“普通table表格样式及代码大全(全)”中的各种表格样式，包括单实线边框、虚线边框、点线边框、双实线边框、槽线边框、脊线边框以及内凹效果边框，帮助你理解和掌握这些基本样式的设计与实现方法...

Magicbox
Global site tag (gtag.js) - Google Analytics