CSS如何定义一条水平虚线?

html-css012

CSS如何定义一条水平虚线?,第1张

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：div {height:60pxborder-bottom:1px dashed}。

3、浏览器运行index.html页面，此时通过css定义了一个水平的虚线。

<td

style="border-bottom:1px

dotted

#ccc">文字内容</td>

<td

style="border（边框）-bottom（底部）:1px（1像素）

dotted

（虚线）#ccc（颜色）">文字内容</td>

上面这句话的意思是：在这个td里面的样式为

底部边框为1像素颜色为#ccc的虚线

dotted

是虚线

solid

是实线

border线型主要有：

1、dotted【点状】

2、solid【实线】

3、double【双实线】

4、dashed【虚线】

实例一：如果一个CSS这样写：border-style:dotted solid double dashed出来的框就是：上边框是点状，右边框是实线，下边框是双线，左边框是虚线

实例二：如果一个CSS这样写：border-bottom:1px dashed #000000出来的框就是：一条宽度为1像素的黑色下划虚线。

以此类推。多试试就知道什么效果了哦。