<table width="650" align=center height="20" style="table-layout:fixed;">固定表格的长宽控制TD宽和高两法：
一、
td
{
width:100px;
height:50px;
}
二、
<td style="width:500px;" >
有关表格边框的css语法
具体内容包括：上边框宽度、右边框宽度、下边框宽度、左边框宽度、边框宽度、边框颜色、边框样式、上边框、下边框、左边框、右边框、边框、宽度、高度、有关标签等。 1上边框宽度
语法: border-top-width: <值> 允许值: thin | medium | thick | <长度> 初始值: medium 适用于: 所有对象 向下兼容: 否 上边框宽度属性用于指定一个元素上边框的宽度。值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。不允许使用负值。也可以用在上边框、边框的宽度或边框的属性略写。 2右边框宽度
语法: border-right-width: <值> 允许值: thin | medium | thick | <长度> 初始值: medium 适用于: 所有对象 向下兼容: 否 右边框宽度属性用于指定元素的右边框的宽度。值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。不允许使用负值。也可以用在右边框、边框的宽度或边框的属性略写。 3下边框宽度
语法: border-bottom-width: <值> 允许值: thin | medium | thick | <长度> 初始值: medium 适用于: 所有对象 向下兼容: 否 下边框宽度属性用于指定元素的下边框的宽度。值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。不允许使用负值。也可以用在下边框、边框的宽度或边框的属性略写。 4左边框宽度
语法: border-left-width: <值> 允许值: thin | medium | thick | <长度> 初始值: medium 适用于: 所有对象 向下兼容: 否 左边框宽度属性用于指定元素的左边框的宽度。值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。不允许使用负值。也可以用在左边框、边框的宽度或边框的属性略写。 5边框宽度
语法: border-width: <值> 允许值: [ thin | medium | thick | <长度> ]{1,4} 初始值: 未定义 适用于: 所有对象 向下兼容: 否 边框宽度属性用一到四个值来设置元素的边界，值是一个关键字或长度。不允许使用负值长度。如果四个值都给出了，它们分别应用于上、右、下和左边框的式样。如果给出一个值，它将被运用到各边上。如果两个或三个值给出了，省略了的值与对边相等。 这个属性是上边框宽度、右边框宽度、下边框宽度和左边框宽度属性的略写。也可以使用略写的边框属性。 6边框颜色
语法: border-color: <值> 允许值: <颜色>{1,4} 初始值: 颜色属性的值 适用于: 所有对象 向下兼容: 否 边框颜色属性设置一个元素的边框颜色。可以使用一到四个关键字。如果四个值都给出了，它们分别应用于上、右、下和左边框的式样。如果给出一个值，它将被运用到各边上。如果两个或三个值给出了，省略了的值与对边相等。也可以使用略写的边框属性。 7边框样式
语法: border-style: <值> 允许值: [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ]{1,4} 初始值: none 适用于: 所有对象 向下兼容: 否 边框样式属性用于设置一个元素边框的样式。这个属性必须用于指定可见的边框。可以使用一到四个关键字。如果四个值都给出了，它们分别应用于上、右、下和左边框的式样。如果给出一个值，它将被运用到各边上。如果两个或三个值给出了，省略了的值与对边相等。也可以使用略写的边框属性。
none：无样式；
dotted：点线；
dashed：虚线；
solid：实线；
double：双线；
groove：槽线；
ridge：脊线；
inset：内凹；
outset：外凸。
1、创建css样式，点击窗口\css样式，可以打开css样式编辑窗口，还可以直接在属性面板内创建。
2、点击属性面板的编辑规则，或者是css样式窗口的+号就可以打开新建css规则对话框。
3、选择要创建的css样式的内容。比如要为段落更改样式。
4、在d出的定义对话框中，选择要更改的各种属性。比如把段落的字体大小改为16px，字体颜色改为红色。
5、点击确定，发现段落中的文字就出现了相应的效果。在<head>中条件了css样式代码。
table 用div框起来 设置div class=“随便的名称” 然后
一、虚线与实线边框 - TOP
边框虚线样式：dashed
边框实现样式：solid
border:1px dashed #000
代表设置对象边框宽度为1px黑色虚线边框
border:1px solid #000
代表设置对象边框宽度为1px黑色实现边框
二、对div上边加边框 - TOP
我们给div上边加1px黑色边框
div{border-top:1px solid #000}
三、给div底部加边框 - TOP
给div盒子底部加2px虚线红色边框
div{border-bottom:2px dashed #F00}
四、在div盒子左侧加边框 - TOP
给一个css选择器css命名为“divcss5”盒子左侧加一个蓝色1px实线边框
divcss5{ border-left:1px solid #00F}
DIV代码：
<divclass="divcss5">此DIV盒子左侧为1px实线蓝边框</div>
五、在盒子div右侧加边框 - TOP
div对象右侧加1px红色实线边框
div{ border-right:1px solid #F00}
六、在盒子上下加边框 - TOP
给盒子上下加1px实现黑色边框
div{border-top:1px solid #000;border-bottom:1px solid #000}
七、给div盒子左右加边框 - TOP
给盒子左右加2px虚线绿色边框
div{ border-left:2px dashed #0F0;border-right:2px dashed #0F0}
八、给div四边加上一个边框 - TOP
给一个DIV四边加上3px实现黑色边框
div{ border:3px solid #000}
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）