本文目录
- CSS如何定义一条水平虚线
- 网页中用CSS做虚线
- css如何实现很行的底部是虚线
- 请问css虚线样式怎么实现
- 表格边框以虚线显示的css样式
- div+css行与行之间的虚线怎么做
- css里怎么使得文字的下划线是虚线啊
- CSS dashed和dotted的区别
- css虚线样式怎么实现
CSS如何定义一条水平虚线
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的《style》标签中，输入css代码：div {height:60px;border-bottom:1px dashed}。
3、浏览器运行index.html页面，此时通过css定义了一个水平的虚线。
网页中用CSS做虚线
简单的话,就是画一个下边框,并且是虚线风格
border:1px
solid
#CCC;
这是画直线的.你改成虚线就行了.
css如何实现很行的底部是虚线
如果只有这个表格的话，在css里面添加
《style》
td {border-bottom:1px dashed #000000;}
《/style》
如果有很多表格 只要这个表格有这个样式的话
你先在 这个table里添加一个 ID 如
《table width=“542“ border=“0“ cellspacing=“0“ cellpadding=“0“ id=“a1“》
然后CSS写成《style》
#a1 td {border-bottom:1px dashed #000000;}
《/style》
另外CSS添加到《head》《/head》之间这个不用我说 你应该明白把
-css虚线样式
请问css虚线样式怎么实现
你是说border的虚线吗？如果是的话，因该是这样的
border: 1px dashed red;（边框宽度 边框样式（虚线） 边框颜色）
表格边框以虚线显示的css样式
表格边框默认是以实线进行显示的，怎么才能把它变成虚线呢？其实很简单只要简单加一些样式属性便可搞定，希望下面的例子对大家有所帮助
复制代码
代码如下:
《style》
.table5{text-align:center;
border:1px
solid
#cccccc;
border-radius
:3px;
background-color:#FFFFFF;
width:650px;}
.table5
td{border-bottom:1px
dashed
#cccccc;}
.table5
.last
td{border-bottom:0;}
《/style》
复制代码
代码如下:
《table
width=“100%“
border=“0“
cellpadding=“2“
cellspacing=“0“
class=“table5“》
《tr
》
《td
colspan=“4“》 《/td》
《/tr》
《tr
》
《td
width=“4%“》《img
src=“images/greendot.jpg“
width=“4“
height=“4“
/》《/td》
《td
width=“17%“
class=“text-fl“》萍水相逢《/td》
《td
width=“63%“
align=“center“
class=“text-fl“》消费10个金币，对换10元手机费《/td》
《td
width=“16%“
align=“center“
valign=“middle“》2013.01.20《/td》
《/tr》
《tr
class=“last“》
《td
》《img
src=“images/greendot.jpg“
/》《/td》
《td
class=“text-fl“》M萍水相MM《/td》
《td
align=“center“
class=“text-fl“》消费500积分，对换500粉丝《/td》
《td
align=“center“
valign=“middle“》2013.01.20《/td》
《/tr》
《tr
》
《td
colspan=“4“》《/td》
《/tr》
《/table》
-css虚线样式
div+css行与行之间的虚线怎么做
用CSS边框样式
border-bottom:1px dashed #ddd;
以下是一些边框样式参考，希望对你有用
边框样式
语法：
border-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
参数：
none : 无边框。与任何指定的border-width值无关
hidden : 隐藏边框。IE不支持
dotted : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线
dashed : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线
solid : 实线边框
double : 双线边框。两条单线与其间隔的和等于指定的border-width值
groove : 根据border-color的值画3D凹槽
ridge : 根据border-color的值画菱形边框
inset : 根据border-color的值画3D凹边
outset : 根据border-color的值画3D凸边
边框宽度
语法：
border-width : medium | thin | thick | length
参数：
medium : 默认宽度
thin : 小于默认宽度
thick : 大于默认宽度
length : 由浮点数字和单位标识符组成的长度值。不可为负值。请参阅长度单位
边框颜色
语法：
border-color : color
参数：
color : 指定颜色。请参阅颜色单位和附录：颜色表
说明：
如果提供全部四个参数值，将按上－右－下－左的顺序作用于四个边框。
如果只提供一个，将用于全部的四条边。
如果提供两个，第一个用于上－下，第二个用于左－右。
如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。
要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。
如果border-width等于0或border-style设置为none，本属性将失去作用。
-css虚线样式
css里怎么使得文字的下划线是虚线啊
一个是border-bottom:
1px
dotted
#000;
黑色1像素点边框，这是块级元素
还有一种是缩写，
文本
，这种是不是常规的css样式，而是缩写标签，但可以在内嵌元素上使用，外观是点下划线。
CSS dashed和dotted的区别
CSS中dashed和dotted区别如下：
1、组成虚线的方式不同：
两者在CSS中都是“虚线”。其中dashed来自 dash（破折号），由一个个破折号组成的虚线。dotted：来自 dot（点），由一个个点组成的虚线，也称点线。
2、在IE6.0中的表现区别：
在IE6.0中，宽度为1px的dotted和宽度为1px的dashed一样，表现为破折号组成的虚线。当宽度大于1px时，dotted表现为点组成的虚线。
3、在IE7.0中表现区别：
在IE7.0中，如果有4条1px宽度的边和其它任意数值宽度的边同时存在时，1px的dotted表现的和dashed一样，改变上述条件则表现为点组成的虚线。
参考资料来源：百度百科-CSS border-style
css虚线样式怎么实现
css有两种虚线形式，一种是dashed，一种是dotted；如：
《div style=“width:100px;height:100px;border:1px dashed red“》《/div》
《div style=“width:100px;height:100px;border:1px dotted red“》《/div》
效果图如下：-css虚线样式
