html表格问题
首先,这样的表格形式用软件很容易做出,并获得其源代码。但是,如果出于学习过程建议你不要这样做。软件获得其源代码一般较为繁琐,代码冗长,仅可作参考。在学习中要学习做笔记,不会时去查你的笔记,并随时补充新内容。 我在下面给出的代码用软件是做不到层次分明和如此简练的。
由此,这里给你适用于表格、div区块、文本段的标识符P等,一些通用的边框线CSS代码,以及表格内文本与外文本距离的代码。这是我从我的自己的学习笔记里调出的,希望你掌握好学习总结方法,在自己的学习笔记里进一步扩充,在新的一年里更上一层。 不要只解决具体问题就满足了,祝未来事业好运!
-------------------...全部
首先,这样的表格形式用软件很容易做出,并获得其源代码。但是,如果出于学习过程建议你不要这样做。软件获得其源代码一般较为繁琐,代码冗长,仅可作参考。在学习中要学习做笔记,不会时去查你的笔记,并随时补充新内容。
我在下面给出的代码用软件是做不到层次分明和如此简练的。
由此,这里给你适用于表格、div区块、文本段的标识符P等,一些通用的边框线CSS代码,以及表格内文本与外文本距离的代码。这是我从我的自己的学习笔记里调出的,希望你掌握好学习总结方法,在自己的学习笔记里进一步扩充,在新的一年里更上一层。
不要只解决具体问题就满足了,祝未来事业好运!
---------------------------------------------------
边框线通用代码(适用于表格、div区块、文本段的标识符):
边框样式值主要有:none(无边框) / solid(实线) / double(双线) / dotted(点线) / dashed(虚线) / groove(凹槽线) / ridge(凸槽线) / outset(凸边线) / inset(凹边线)
margin(外间距) / padding(内间距) / border-width(边框线宽) / border-color (边框线颜色) / boder-style(边框线样式) :
---------后跟完整的值为 [4个值] 应用于上、右、下、左(内外间距或边框);
---------后跟 [1个值时] 应用于所有4个边的内外间距或边框
---------后跟 [2个值时] 应用于省略的值对边相等-->上和下、右和左;
---------后跟 [3个值时] 应用于省略的值对边相等-->上、右和左、下。
------------------------------------
隐藏局部表边框网页代码如下:
隐藏局部表边框网页
body {
text-align: center;
}
。
border01 {
border-style:none solid solid none; border-width:0 1px 1px 0;width:35%;
}
。
border02 {
border-style:solid solid solid none; border-width:1px 1px 1px 0;width:35%;
}
。
border03 {
border-style:solid solid none none; border-width:1px 1px 0 0;width:35%;
}
。
border04 {
border-style:solid none none solid; border-width:1px 0 0 1px;
}
#td01{border-style:none none none solid; border-width:0 0 0 1px;width:20%;}
#td02{border-style:none none solid solid; border-width:0 0 1px 1px;width:20%;}
#td03{border-style:none none solid none; border-width:0 0 1px 0px;}
。
收起