导航:首页 > 万维百科 > 网页设计虚线下划线

网页设计虚线下划线

发布时间:2021-02-06 11:13:54

1、CSS下划线是虚线怎么表示

一个是border-bottom: 1px dotted #000; 黑色1像素点边框,这是块级元素

还有一种是缩写,<abbr>文本</abbr>,这种是不是常规的CSS样式,而是缩写标签,但可以在内嵌元素上使用,外观是点下划线。

2、网页中文字虚线下划线

你试着使用CSS样式.
定议一个CSS,并将文字的样式链接到这个CSS样式中:
假设定议的样式为:.word
CSS样式代码如下,
<style type="text/css">
<!--
.word {
font-family: "宋体";/*字体*/
color: #000000;/*字体颜色*/
text-decoration: none;
border-top-width: 1px;/*这几个1PX为虚线粗线,单产像素*/
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: dashed;
border-left-style: none;
border-top-color: #00FF00;/*这些值为虚线颜色*/
border-right-color: #00FF00;
border-bottom-color: #00FF00;
border-left-color: #00FF00;
}
-->
</style>

参考中的网址为我站的网上学堂栏目的网址.你可以从里面学习很多知识,不会的就去里面找找,如果没有再来网络提问.

3、怎么用DW为文字加虚线下划线?

border : border-width || border-style || border-color
取值:
该属性是复合属性。请参阅各参数对应的属性。
默认值为: medium none 。 border-color 的默认值将采用文本颜色。

说明:
设置对象的边框样式。
当你指定了边框颜色( border-color )和边框宽度( border-width )时,你必须同时指定边框样式( border-style ),否则边框不会被呈现。
如使用该复合属性定义其单个参数,则其他参数的默认值将无条件覆盖各自对应的单个属性设置。
例如:设置 border : thin 等于设置 border : thin none ,而 border-color 的默认值将采用文本颜色。因此此前的任何 border-color 和 border-width 设置都会被清除。
在 IE5.5+ 中,边框属性可以直接应用于内联要素。而在此前的版本中,内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。
对应的脚本特性为 border 。

border-bottom-style版本:CSS2  兼容性:IE4+ NS6+ 继承性:无
语法:
border-bottom-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凸边

说明:
设置对象下边框的样式。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
在 IE5.5+ 中,边框属性可以直接应用于内联要素。而在此前的版本中,内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。
如果 border-bottom-width 设置为 0 ,本属性将失去作用。

4、html 中text-decoration中怎么把下划线设置成虚线

就我所知,貌似没有这种办法。
不过你可以用另一种方式实现:给这个文字加border-bottom:1px dashed #000;
这样就是虚线了

5、怎么把超链接的下划线做成虚线的?

用抄CSS:
<style type="text/css">
<!--
a:link {
border-bottom:#000000 dashed 1px;
text-decoration:none;
}
a:visited {
border-bottom:#000000 dashed 1px;
text-decoration:none;
}
a:active {
border-bottom:#000000 dashed 1px;
text-decoration:none;
}
a:hover {
border-bottom:#000000 dashed 1px;
text-decoration:none;
}
-->
</style>

<a href="#">看看效果</a>

6、css里怎么使得文字的下划线是虚线啊?

直接运用CSS中的文本修饰属性text-decoration是没有办法实现下划线为虚线的。不过可以考虑使用border属性来实现。示例代码如下:

border-bottom:1px dashed #000;

这里的意思就是1px宽度的黑色虚线下边框。看起来就跟下划线一样的效果。

与网页设计虚线下划线相关的知识