|
怎样编辑自己喜爱的边框代码1?
基本定义:
日志边框其实就是表格,编写日志边框网上有很多样式可搬用,但要想达到自己满意的样式,就要了解有关边框代码知识。才能进行修改代码美化边框。构成边框有四大条件:
开始标签、正文部分、定义行、定义列。结束标签反向地对应开始标签。构成一个整体的表格边框。
修改或者添加代码,在开始标签里进行。代码必须书写正确否则会出错。在写日志前先编写代码修改样式,满意后才可写日志。如果要出现下边框不对齐的情况,就需要一组一组地把结束标签删除掉,再按“源代码”按扭,下边框就正齐地出现了。
表格的开头符号,打一空格输入,表格的宽度、高度、边框的厚度、边框的颜色、边框的模式、背景颜色、对齐方式、内边框和外边框的距离、文字和边框的距离等等,都在括号内进行。
是正文部分,紧跟在之前,在纯网页中可以不要这个元素,但在论谈一定要使用,否则会导致代码出错。
是表格的行,有多少组 就有多少行, 在 之后,结束标签在之前。
是表格的列,t是table,d可理解为odwn(向下)。有多少组td,这张表格就有多少列。第一个 | 紧跟在 | 之后。终止符在 之前,与 | 配合构成单元格。
编写代码从基础到提高:
在表格里添加宽度和边框厚度代码,在td后面输入文字标记,结束标签可以不输。点源代码按扭,就可以出表格,结束标签自动生成,书写格式如下:
在此写日志 |
Width:表格的宽度取值可以用百分比和数字。赋值=“100%”的好处,表格显示的宽度自动调整。
书写格式:表格属性打一空格输入width=”100%”
height:表格的高度可以输入数字。如不是特别需要不用输入高度,系统根据表格内容自动调整。
书写格式:打一空格输入height=”300”
border:定义边框厚度,用数字表示。表示表格边框的粗细为1个像素(默认值)0表示没有边框。
书写格式:默认颜色黑色。在此基础上再加边框颜色代码:
bordercolor:定义表格边框的颜色,颜色码上网搜索,比如,bordercolor="00ff00"当border值不为0时设置此值有效。书写格式:打一空格输入bordercolor=”颜色码”
Bgcolor:边框的背景色。取值bgoclor=”颜色码”或者bgcolor=red单元格td也有此属性。在多个单元格中设置了背景色,在某个单元格中td里还可以单独地设置单元格背景色。书写格式文字文字 | 文字 | 文字 | |
书写格式:边框加背景色代码:输入内容
background:边框加图片。其值为一个有效的图片地址。网易相册图片右击点复制图片地址。td也有此属性。同时设置背景色和背景图不冲突,也建议这么做,这样,当图片不能显示时,表格的外观依然是好看的。书写代码:输入内容
| | | 这里的br是换行的意思,为了显示全部图片,这就要求图片和边框的宽度和高度必须一致。配套使用。
bordercolorlight:亮边框颜色,当border值不为0时设置此值有效。在表格中可以单独定义左上边框的颜色,也可以定义单元格中右下边框的颜色,这两个位置的边框色我们称之为亮边框。书写格式:输入内容 | | 此代码仅在ie浏览器使用。在ie浏览器如下图:
在其它浏览器如下图只能显示默认色黑色对多个表格这样设置有立体感的效果:
align=right右对齐
align=center居中对齐
alegn=left左对齐
以上是最简单制作边框的方法。想要制作多功能的表格边框样式,请下篇表格的模式。
|