需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的<style>标签中,输入css代码:div {height:60pxborder-bottom:1px dashed}。
3、浏览器运行index.html页面,此时通过css定义了一个水平的虚线。
方法一:作一个1X2的图。半黑半白,再利用表格作成线。这种方法虽然麻烦,但在任何浏览器中均可浏览,兼容性最好。方法二:在CSS里面设定。
在CSS面板里new一个style,选择“redefine HTML Tag”,再在下拉菜单里先“table”,在弹出的面板里,category里选择border,在border里,将top,left,right,bottom都设成1px,颜色设成你想要的边框的颜色。然后在style下拉框里选择dashed。一切ok。只是所有的表格都会用虚线做边框了。注意,这个效果在浏览器里才能看见。
方法三:直接在html里设置(如果你只想让某一个表格边框是虚线的话)。
在表格的html里加上这个:
style="BORDER-LEFT: #000000 1PX DASHEDBORDER-RIGHT: #000000 1PX DASHEDBORDER-TOP: #000000 1PX DASHEDBORDER-BOTTOM: #000000 1PX DASHED"
注:方法二、三,只能在IE5.5里用,到了NETSCAPE里一点用处都没有,除非你用做好的底图填充。
<tdstyle="border-bottom:1px
dotted
#ccc">文字内容</td>
<td
style="border(边框)-bottom(底部):1px(1像素)
dotted
(虚线)#ccc(颜色)">文字内容</td>
上面这句话的意思是:在这个td里面的样式为
底部边框为1像素颜色为#ccc的虚线
dotted
是虚线
solid
是实线