|
*边框线设置
制作网页经常使用边框线，例如：表格中、图片中、移动屏幕中。
现将我收集整理的边框线代码与大家共享，愿你在使用时能够得心应手！
一、css样式：
css样式可应用于好多种标签，例如：表格标签、图片标签、移动标签等等，复制黏贴到标签中即可。
1、分别设置四条边框线的颜色、宽度与样式：
style="BORDER-BOTTOM: rgb(0,102,0) 3px ridge; BORDER-LEFT: rgb(0,102,0) 3px ridge; BORDER-TOP: rgb(0,102,0) 3px ridge; BORDER-RIGHT: rgb(0,102,0) 3px ridge; "
2、设置四条边框线的样式,顺序：上、右、下、左：上边框是点状
，右边框是实线，下边框是双线，左边框是虚线。
style="border-style:dotted solid double dashed;"
3、设置四条边框线样式,三个数据：上、左右、下：
style="border-style:dotted solid double;"
4、设置四条边框线样式,两个数据：上下、左右：
style="border-style:dotted solid;"
5、设置四条边框线样式,一个数据：
style="border-style:dotted ;"
6、边框线样式：
dotted是点虚线型；dashed是线虚线型；solid是实线型；double是双线型；groove是3D沟槽状；ridge是3D脊状；inset是3D内嵌式；outset是3D外嵌式。
7、综合设置四条边框线的颜色宽度与样式：
style="border:rgb(0, 0, 200)6px solid ;"
二、html代码：
html代码一般只能应用于表格标签中。
1、边框线宽度：
border="6"
2、边框线颜色：
bordercolor="#009999"
3、显示所有分割线：
rules="all"
4、亮边框（左、上边框）：
bordercolordark="#ff0033"
5、暗边框（右、下边框）：
bordercolorlight="#ff0000"
亮边框与暗边框的设置，无论你设置为什么颜色，亮边框总是浅灰色，暗边框总是深灰色。
6、显示单元格边线：
cellspacing="10"
7、不显示外边框：
frame="void"
8、只显示右边框：
frame="rhs"
9、只显示左边框：
frame="lhs"
10、只显示上边框：
frame="above"
11、只显示下边框：
frame="below"
12、只显示上下边框：
frame="hsides"
13、只显示左右边框：
frame="vsides"
14、隐藏横向分割线：
rules="cols"
15、隐藏竖向分割线：
rules="rows"
16、隐藏所有分割线：
rules=none
“春天没来”编撰
2018年1月11日于北京
| 
背景图片定位竖向移动
