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

作者&投稿:宇文林 (若有异议请与网页底部的电邮联系)
css里怎么使得文字的下划线是虚线啊?~

直接运用CSS中的文本修饰属性text-decoration是没有办法实现下划线为虚线的。不过可以考虑使用border属性来实现。示例代码如下:
border-bottom:1px dashed #000;这里的意思就是1px宽度的黑色虚线下边框。看起来就跟下划线一样的效果。

这是word应用软件默认提供的可选择的下划线,提供多样性效果使文档更加美观人性化。

使用JavaScript写一段document.write单元格的循环程序。首先将程序列出来:

<script>len=400;d1=2;d2=2;cou=Math.floor(len/(d1+d2));
document.write('<table cellspacing=0 cellpadding=0 height=1 width='+len+'><tr>');
for(i=0;i<cou;i++){document.write('<td width='+d2+'><td width='+d1+' bgcolor=333333>')}</script></table>
说明:len=400表示虚线的长度为400像素,d1和d2是黑白相间的间隔,cou=Math.floor(len/(d1+d2)),cou表示总共要循环的次数。例如这里是400像素的虚线,黑色点和白色的点都是2像素,那么就要循环100次。由这200个单元格组成一条虚线。

改变虚线的长度,请修改len=400的值;
改变虚线的颜色,请修改bgcolor=333333的值;
改变虚线的高度,请修改height=1的值;
改变虚线的密度,请修改d1和d2的值。

<style
type="text/css">
<!--
a.texta
{
text-decoration:none;
border-bottom:1px
dashed
#ccc;
color:#c00;
}
a.texta:hover
{
border-bottom:1px
solid
#c00;
color:#666;
}
a.textb
{
text-decoration:none;
border-bottom:1px
dashed
#ccc;
color:#069;
}
a.textb:hover
{
border-bottom:1px
dashed
#c00;
color:#000;
}
-->
</style>
<a
href="http://www.aa25.cn"
class="texta">www.aa25.cn</a><br
/><br
/>
<a
href="http://www.aa25.cn/"
class="textb">www.aa25.cn</a>
  我们在浏览网页的时候,经常可以看到链接的下划线是虚线,或者在link与hover不同状态,下划线会从虚线到实线的变化。这样的效果是如何实现的呢?
  其实这样的效果,是设置text-decoration:none。也就是去除了链接的下划线。然后再给链接加下边框线,设置下边框线不同的宽度、线型、颜色,就可以实现“下划线”变成多样效果

用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>

同意


超链接下划线怎么去掉呢?
1、使用文本转行的方法:选中链接,在“插入”选项卡中找到“文本转行”的图标,点击该图标即可将选中的链接转化为纯文本,从而实现取消下划线的目的。2、使用CSS样式的方法:选中链接,右键选择“审查元素”,在弹出的“元素”窗口中,找到对应的CSS样式,然后将样式中的下划线样式“text-decoration:underlin...

如何去掉超链接下划线
1、打开word文档,然后把需要修改的文件打开。2、首先选中超链接的文字,接下来我们结合ctrl键和U键来完成下划线的取消。按下ctrl键,然后在按一次U键就可以把下划线去掉了。3、接下来我们返回到word文档查看,文字的颜色是不变的,把鼠标放到文字上就可以看到原本的超链接还是存在的。

超链接下划线怎么去掉
打开Excel表格,找到超链接 点击鼠标右键,选择取消超链接即可 以上就是如何去掉超链接下划线的内容了,希望对大家有所帮助。

WPS怎么取消文字超链接的下划线?
1、在计算机桌面的Wps文字图标上双击鼠标左键,将其打开运行。如图所示;2、在Wps文字的程序窗口,编辑文字信息内容。如图所示;3、文字信息内容编辑好以后,选中需要插入超链接的文字内容,并打开插入菜单选项卡。如图所示;4、在插入菜单选项卡中,找到超链接选项命令,并点击它。如图所示;5、点击超链接...

超链接怎么去下划线
以PPT为例,去掉超链接下划线的方法是:1、进入“插入”选项卡,单击“文本”选项组中的“文本框”,然后选择“横排文本框”或“垂直文本框”;2、在“文本框”中输入要加入的超链接文字;3、此时,右键单击“文本框”,在弹出的菜单中选择“超链接”,然后输入需要链接到的网址即可。PPT(Microsoft...

如何去除Word超链接的下划线
1.选中需要去除下划线的超链接,接着点击工具栏的“样式”。2.在样式里找到“超链接”并选择“修改”。3.在修改样式里我们就可以看到下划线的选项,我们可以将下滑想取消即可。4.取消下划线后返回文档就会发现超链接的下划线已经消失啦,是不是特别的简单呢?

WPS文字添加超链接以后怎么取消下划线?
1、打开WPS文字,输入文字,选择需要插入超链接的文字。2、点击插入---超链接或者选择Ctrl+k键,插入超链接。3、在弹出的超链接选项中点击要链接的对象。4、点击插入好超链接后,就会看到文字上有颜色和下划线,选中超链接的文字,右键点击鼠标选择字体。5、选择所有文字,字体下划线线型为无。6、看一下...

在PPT里面怎么把超链接的下划线去掉 PPT超链接下划线的取消步骤_百度知 ...
具体步骤如下:1、打开PPT软件,点击上方功能栏,“插入”→“文本框”→“横排文本框”;2、插入文本框之后,输入需要进行超链接的链接名;3、选中文本框,找到点击超链接;4、再次选中文本框,发现可以取消超链接就说明超链接已经插入成功了;5、最后看一下对比效果。

怎么去除超链接下划线啊?
超链接下划线可以使用“text-decoration: none;”去除,颜色可以用“color”属性表示。1、新建html文档,在body标签中添加两个超链接并为超链接添加文字,这时默认情况下超链接带下划线且颜色为蓝色:2、设置white类,添加“text-decoration: none;”和“color: #fff;”,这时超链接变成无下划线和白色:3...

如何在电脑版Word中不显示超链接的下划线
1.第一步,双击或者右击打开Word文件,接着选中有超级链接的内容。2.第二步,来到字体窗口后,点击格式中的字体选项。3.第三步,在下图所示的字体页面中,点击下划线线型下面的下拉箭头,接着点击弹出窗口中的“无”选项,然后点击右下角的确定选项。4.  第四步,我们可以看到如下图所示的页面,成功...

平塘县19194942498: 如何将链接的下划线做成虚线?
黄俊安普: 美酒令人回味,音乐让人陶醉,好书百读不悔,情意形影相随,节日问候最可贵.又到年终岁尾,愿你幸福健康作陪,笑得合不拢嘴,预祝春节快乐!

平塘县19194942498: 怎样去掉超级链接的下划线? -
黄俊安普: 可以设置成“从不显示下划线” 或者加代码:请将以下代码拷贝至页面的与之间:A {text-decoration: NONE}

平塘县19194942498: 在word中设置了超级链接,但下面有一条线,请问如何消除此线? -
黄俊安普: 选定给了链接的文字,点U(下划线设置)二次,这样就取消了超链接的下划线

平塘县19194942498: 怎么祛除超连接下的下划线?? -
黄俊安普: 在源代码的和之间加上如下的CSS语法控制: 其中: a:link 指正常的未被访问过的链接; a:active 指正在点的链接; a:hover 指鼠标在链接上; a:visited 指已经访问过的链接; text-decoration是文字修饰效果的意思; none参数表示超链接文字不显示下划线; underline参数表示超链接的文字有下划线

平塘县19194942498: css 怎样去掉超链接的下划线 -
黄俊安普: 亲,超链接(也就是<a></a>标签)默认会在在元素下面显示一条下划线,要取消下划线,可以设置a标签的css属性text-decoration为none就可以去掉下划线了:比如 <style>#aA{text-decoration:none; } </style> <a href='javascript' id='aA'>不显示下划线</a>

平塘县19194942498: 网页设计中怎么把超链接的下划线去掉? -
黄俊安普: a:hover{text-decoration:none;}可以去掉下划线 text-decoration:是下划线 none是不显示下划线

平塘县19194942498: 在WORD里面做目录,怎样把超链接的下划线去掉?还有字不改变颜色?
黄俊安普: 选中链接字体---右击---字体---下划线线型选择“无”字的颜色在工具栏里调整

平塘县19194942498: 在word中怎么将超链接的下划线去掉? -
黄俊安普: 你把超链接的字选中点击工具条中下划线那个按钮两下就可以了

平塘县19194942498: 如何将PPT中文字超链接下的下划线去了 -
黄俊安普: 将文字放在文本框内,给文本框建立链接

平塘县19194942498: 网页制作中,点击超链接后,怎样去掉超链接相应的下划线
黄俊安普: 超链接下划线的属性: text-decoration:underline; 把“text-decoration:underline;”改成“text-decoration:none;” 就可以了

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网