CSS+DIV设计实例：不同色链接和其下划线

以下是引用片段：
style type="text/css"
a{ color:#333333; text-decoration:none;}
a:visited {color:#333333; text-decoration:none;}
a:hover { color:#FF0000; text-decoration:underline;}
a span { color:#333333;}
/style
a href="#"span111/span/a

style type="text/css"a{ color:#333333; text-decoration:none;}a:visited {color:#333333; text-decoration:none;}a:hover { color:#FF0000; text-decoration:underline;}a span { color:#333333;}/style a href="http://homepage.yesky.com...<a href="http://www.tulaoshi.com/n/20160219/1607830.html" target="_blank">[ 查看全文 ]</a></p> <div class="img_yyy_2"> <span>2016-02-19</span> <i>标签:</i> <div class="yyy_2_a"><a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> </div> </div> </div> </div> <div class="xiangguan_gg xiangguan_reader clearfix"> <div class="xiang_892_1" style="width:1158px;"> <h3><a href="http://www.tulaoshi.com/n/20160219/1607830.html" target="_blank">CSS+DIV设计实例：不同色链接和其下划线</a>的相关文章</h3> </div> <div class="xiang_892_2" style="width:1158px;"> <ul id="loadmore_container" style="width:1158px;"> <li> <div class="xiang_892_2_1"><a href="/reader/1484448" target="_blank"><img src="http://img.tulaoshi.com/201601/29/810a472dd714dc789aece93ac76011d1_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160129/1484448.html" target="_blank">利用CSS 链接下划线也玩自定义</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/html/" target="_blank">Html</a> <a href="http://www.tulaoshi.com/cssbuju/" target="_blank">CSS布局</a> <a href="http://www.tulaoshi.com/divcss/" target="_blank">Div+CSS</a> <a href="http://www.tulaoshi.com/xhtml/" target="_blank">XHTML</a></div> <div class="span_em_123"> 由 A List Apart 杂志及作者授权翻译。（Translated with the permission of A List Apart Magazine and the author[s].） 说明：文章中“[补充]”内容系译者所补充添加（来自 CSS 2.0 中文手册），目的是方便读者理解相关内容。 虽然网页设计师通常有大量的方法控制文档如何呈现，但是基本的CSS不能为页面中链接下方的下划线样式提供很多选择。不过只需一点小技巧，你就能获得链接样式显示方...<a href="http://www.tulaoshi.com/n/20160129/1484448.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/巨蟹红尘风雨中/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/18.jpg" /><span>巨蟹红尘风雨中</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">2</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1606601" target="_blank"><img src="http://img.tulaoshi.com/201602/19/c49a7096cc7deedcabf321eab77cd59c_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1606601.html" target="_blank">CSS代码:自定义网页超链接下划线</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 链接元素的所有CSS属性可以合并为： a {     text-decoration: none;     background: url(underline.gif) repeat-x 100% 100%;     padding-bottom: 4px;     white-space: nowrap; } 如果你想自定义下划线的效果只在鼠标滑过链接时出现，只需设置CSS背景属性为:hover伪类，取代直接设置于链接元素上的样式即可。 a {     ...<a href="http://www.tulaoshi.com/n/20160219/1606601.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/冬天的火761215/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/11.jpg" /><span>冬天的火761215</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">5</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1487015" target="_blank"><img src="http://img.tulaoshi.com/201601/29/31a5a55e0ec8cb4df4344c82ba61a3c7_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160129/1487015.html" target="_blank">自定多姿多彩的网页链接下划线</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/html/" target="_blank">Html</a> <a href="http://www.tulaoshi.com/cssbuju/" target="_blank">CSS布局</a> <a href="http://www.tulaoshi.com/divcss/" target="_blank">Div+CSS</a> <a href="http://www.tulaoshi.com/xhtml/" target="_blank">XHTML</a></div> <div class="span_em_123">     CSS本身没有直接提供变换HTML链接下划线的功能，但只要运用一些技巧，我们还是可以让单调的网页链接下划线变得丰富多彩。 一、基本原理 首先，自定义HTML链接下划线的第一步是创建一个图形，在水平方向重复放置这个图形即形成下划线效果。如果要显示出下划线背后的网页背景，可以使用透明的.gif图形。 其次，如果下划线图形的高度较大，则必须适当增加文本...<a href="http://www.tulaoshi.com/n/20160129/1487015.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/dscm110/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/5.jpg" /><span>dscm110</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">6</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/3396" target="_blank"><img src="http://img.tulaoshi.com/201208/16/user201208161224487562.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20120816/3396.html" target="_blank">下划线怎么打</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/jsjyyjs/" target="_blank">计算机应用技术</a></div> <div class="span_em_123">   方法一：打开word软件，连续输入图中的符号然后回车就能得到各种下划线。（如：***回车）。     方法二： （1）如果是需要制作考卷类的，那么就要先将输入法切换到英文输入法。   （2）然后按键盘中的shift+ -（减号），这样就能够输入出下划线哦，不过这种下划线是不能在上...<a href="http://www.tulaoshi.com/n/20120816/3396.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/ 々謝絕こ崇拜ゥ/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/6.jpg" /><span> 々謝絕こ崇拜ゥ</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">103</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1505251" target="_blank"><img src="http://img.tulaoshi.com/201601/29/fa3cb970709ad89c53e940f516b7c722_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160129/1505251.html" target="_blank">Word中的“分离下划线”</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/bangongruanjian/" target="_blank">办公软件</a></div> <div class="span_em_123">  大家知道，在Word中，为字符添加的下划线，默认情况下是紧靠字符下方的。能不能调整一下字符和下划线之间的距离呢？答案是肯定的。     1. 启动Word2003（其它版本请仿照操作），输入字符“分离下划线的制作”。     2. 选中“下划线”及前后各一个（多个也可以）字符（即“离下划线的”），按“格式”工具栏上“下划线”按钮右侧的下拉箭头，在随后弹出的...<a href="http://www.tulaoshi.com/n/20160129/1505251.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/Apologlze8/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/1.jpg" /><span>Apologlze8</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">7</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1589557" target="_blank"><img src="http://img.tulaoshi.com/201602/19/887c89696d04b9b9c84232f5483d697d_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1589557.html" target="_blank">Word双下划线批量替换成为单下划线</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/diannaorumen/" target="_blank">电脑入门</a></div> <div class="span_em_123"> Word中自带有功能强大的替换功能，可以让我们一次性实现批量替换。 然而，有些特殊的符号或字符的属性，使用常规的方法，是无法进行替换的，因为这些特殊的符号或属性，在替换对话框中，你是无法直接通过键盘输入的，那么，如果遇到这种比较特殊的情况，又如何进行批量替换呢? 比如，你的文档中，有很多字符是带有双下划线的，现在，你想把这些带有双下划线的字符，全部变成单下划线的，如何批量进行替换呢...<a href="http://www.tulaoshi.com/n/20160219/1589557.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/冰美人4413/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/7.jpg" /><span>冰美人4413</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">3</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1509225" target="_blank"><img src="http://img.tulaoshi.com/201601/29/d2b793d0681df2b37961b323d17b3b1b_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160129/1509225.html" target="_blank">Word中分离下划线效果</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/bangongruanjian/" target="_blank">办公软件</a></div> <div class="span_em_123">    大家知道，在Word中，为字符添加的下划线，默认情况下是紧靠字符下方的。能不能调整一下字符和下划线之间的距离呢？答案是肯定的。     1. 启动Word2003（其它版本请仿照操作），输入字符“分离下划线的制作”。     2. 选中“下划线”及前后各一个（多个也可以）字符（即“离下划线的”），按“格式”工具栏上“下划线”按钮右侧的下...<a href="http://www.tulaoshi.com/n/20160129/1509225.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/ok随遇而安8885/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/15.jpg" /><span>ok随遇而安8885</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">12</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1603018" target="_blank"><img src="http://img.tulaoshi.com/201602/19/8f864ea39012a7135dac5ac0ff75230a_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1603018.html" target="_blank">网页设计之css+div PK table+css</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 用过div+css作个整个网站，如果是纯粹的div的布局是比较麻烦的，尤其是你div里面嵌套div的，div布局的时候，你有些页面效果还是要舍弃一点的，比如图片的圆角，这些如果套div比较麻烦，在一个div在VS2005设计器里面可能变形，如果过多的套div，你实现ajax拖动效果的时候比较麻烦， 所以我觉得眼下还是div+嵌套table比较好。 圆角——可以用div+css做出一样漂亮的圆角，而且不用图片，而且是宽度、高度...<a href="http://www.tulaoshi.com/n/20160219/1603018.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/isdcnsxcp/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/28.jpg" /><span>isdcnsxcp</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">8</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1505262" target="_blank"><img src="http://img.tulaoshi.com/201601/29/673b525d53de51680723c495219ee8ea_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160129/1505262.html" target="_blank">Word下划线离远点</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/bangongruanjian/" target="_blank">办公软件</a></div> <div class="span_em_123"> 在Word中对文字设置下划线时，下划线与文字的底边连在一起，感觉很不美观，能不能让下划线离文字远一些呢？经过摸索，本人找到一个小技巧，能随心所欲的控制下划线与文字的距离。下面介绍实现方法。 假设有一个居中的文章标题，首先选中文字后按[Ctrl+U]为其设置下划线（如图第1行）。 效果图 在文字内容的首尾处各敲入一个空格，插入...<a href="http://www.tulaoshi.com/n/20160129/1505262.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/蔯奕訊/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/12.jpg" /><span>蔯奕訊</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">1</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1504567" target="_blank"><img src="http://img.tulaoshi.com/201601/29/53e1c1630144ad3a8a3ca198a4954e06_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160129/1504567.html" target="_blank">Word：如何分离下划线</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/bangongruanjian/" target="_blank">办公软件</a></div> <div class="span_em_123"> 大家知道，在Word中，为字符添加的下划线，默认情况下是紧靠字符下方的。能不能调整一下字符和下划线之间的距离呢？答案是肯定的。 1.启动Word2003(其它版本请仿照操作)，输入字符“分离下划线的制作”。 2.选中“下划线”及前后各一个(多个也可以)字符(即“离下划线的”)，按“格式”工具栏上“下划线”按钮右侧的下拉箭头，在随后弹出的快捷菜单中(如图1)，选定一种下划线类型(如“...<a href="http://www.tulaoshi.com/n/20160129/1504567.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/sky可以不是你/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/7.jpg" /><span>sky可以不是你</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">7</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1484235" target="_blank"><img src="http://img.tulaoshi.com/201601/29/21dad081af0c9238236d5464bf8a042b_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160129/1484235.html" target="_blank">拒绝单调 让网页超链接拥有多姿多彩的下划线</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/html/" target="_blank">Html</a> <a href="http://www.tulaoshi.com/cssbuju/" target="_blank">CSS布局</a> <a href="http://www.tulaoshi.com/divcss/" target="_blank">Div+CSS</a> <a href="http://www.tulaoshi.com/xhtml/" target="_blank">XHTML</a></div> <div class="span_em_123">   CSS本身没有直接提供变换HTML链接下划线的功能，但只要运用一些技巧，我们还是可以让单调的网页链接下划线变得丰富多彩。 一、基本原理 首先，自定义HTML链接下划线的第一步是创建一个图形，在水平方向重复放置这个图形即形成下划线效果。如果要显示出下划线背后的网页背景，可以使用透明的.gif图形。 其次，如果下划线图形的高度较大，则必须适当增加文本的高度，使得一...<a href="http://www.tulaoshi.com/n/20160129/1484235.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/夺命人字拖o/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/15.jpg" /><span>夺命人字拖o</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">11</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1509203" target="_blank"><img src="http://img.tulaoshi.com/201601/29/1fe27a32d4d190458896738e019038a4_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160129/1509203.html" target="_blank">经验共享：浅谈Word中“分离下划线”</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/bangongruanjian/" target="_blank">办公软件</a></div> <div class="span_em_123"> 大家知道，在Word中，为字符添加的下划线，默认情况下是紧靠字符下方的。能不能调整一下字符和下划线之间的距离呢？答案是肯定的。 1.启动Word2003(其它版本请仿照操作)，输入字符“分离下划线的制作”。 2.选中“下划线”及前后各一个(多个也可以)字符(即“离下划线的”)，按“格式”工具栏上“下划线”按钮右侧的下拉箭头，在随后弹出的快捷菜单中(如图1)，选定一种下划线类型(如“双下划线...<a href="http://www.tulaoshi.com/n/20160129/1509203.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/河南人是小偷7/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/23.jpg" /><span>河南人是小偷7</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">13</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1607346" target="_blank"><img src="http://img.tulaoshi.com/201602/19/e4e50c487a1a315052dba77a00a398ea_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1607346.html" target="_blank">巧用word 让下划线离文字远点</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/diannaorumen/" target="_blank">电脑入门</a></div> <div class="span_em_123"> 下划线是我们word、excel文档中经常使用的一种格式，可以起到突出提示部分内容的效果。但是默认的下划线与文字底边靠的非常近，当排版时行间距稍大一点，这种下划线效果就显的非常难看。有时为了一些特殊需要，希望它们之间不要太过近乎，在Word中找了很久，发现Word并没有为我们提供直接修改的功能。经过一番摸索之后，终于找到解决方案，具体如下，希望能对一些朋友有所帮助。 1. 首先，在文字前后各敲入...<a href="http://www.tulaoshi.com/n/20160219/1607346.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/如今岁月安好/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/6.jpg" /><span>如今岁月安好</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">8</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/171785" target="_blank"><img src="http://img.tulaoshi.com/201504/27/2558b95cb02514138169d494ac9cec97_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20150427/171785.html" target="_blank">WPS文字2018如何为输入的文字添加上划线和下划线</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/ruanjianjc/" target="_blank">软件教程</a></div> <div class="span_em_123"> 给文字加上划线、下划线或者上下划线，这是在日常办公中经常会使用到的，实现的方法有很多，不过可能还存在一些朋友连一个方法都不知道吧，没关系，在本文大家将会学到很多。通过形状实现上划线的添加，通过字体实现下划线的添加，相比之下，下划线输入更容易一些。下面在WPS文字2013中为大家详细演示下具体的操作步骤，如果你还不会可不要错过此次学习机会哦。 ①输入好文字，然后单击菜单栏--插入--形状，...<a href="http://www.tulaoshi.com/n/20150427/171785.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/MIAO_SHEN/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/5.jpg" /><span>MIAO_SHEN</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">559</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1508078" target="_blank"><img src="http://img.tulaoshi.com/201601/29/08dd0852e646d45d49a544ee0da7e656_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160129/1508078.html" target="_blank">你了解Word中的下划线吗？</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/bangongruanjian/" target="_blank">办公软件</a></div> <div class="span_em_123">     虽然你没有对Word文本设置下划线格式，但是屏幕上却往往出现各式各样的下划线，你了解它们的确切含义吗？笔者这就带你去认识它们。 1.红色或绿色波形下划线 当自动检查拼写和语法时，Word用红色波形下划线表示可能的拼写错误，用绿色波形下划线表示可能的语法错误。右键单击红色波形下划线上的文字，Word将给出更正建议。 2.电子邮件标题的红色波形下划线 Word会...<a href="http://www.tulaoshi.com/n/20160129/1508078.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/白羊八喜冰淇淋/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/8.jpg" /><span>白羊八喜冰淇淋</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">9</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1606676" target="_blank"><img src="http://img.tulaoshi.com/201602/19/f314df9a3394149604d5d1d8579b310d_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1606676.html" target="_blank">CSS+DIV制作页面圆角效果</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">样式表文件： .b1 {height:1px; font-size:1px; overflow:hidden; display:block; background:#000; margin:0 5px;} .b2 {height:1px; font-size:1px; overflow:hidden; display:block; background:#fff;  border-right:2px solid #000; border-left:2px solid #000; margin:0 3px;} .b3 {height:...<a href="http://www.tulaoshi.com/n/20160219/1606676.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/奋斗的青春CH/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/26.jpg" /><span>奋斗的青春CH</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">5</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1506319" target="_blank"><img src="http://img.tulaoshi.com/201601/29/c1cc47e6b5ba7ab4323ae44172144a86_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160129/1506319.html" target="_blank">浅谈Word中的“分离下划线”</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/bangongruanjian/" target="_blank">办公软件</a></div> <div class="span_em_123"> 大家知道，在Word中，为字符添加的下划线，默认情况下是紧靠字符下方的。能不能调整一下字符和下划线之间的距离呢？答案是肯定的。 1.启动Word2003(其它版本请仿照操作)，输入字符“分离下划线的制作”。 2.选中“下划线”及前后各一个(多个也可以)字符(即“离下划线的”)，按“格式”工具栏上“下划线”按钮右侧的下拉箭头，在随后弹出的快捷菜单中(如图1)，选定一种下划线类型(如“双下划线”...<a href="http://www.tulaoshi.com/n/20160129/1506319.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/北京国政王文静/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/19.jpg" /><span>北京国政王文静</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">24</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1508119" target="_blank"><img src="http://img.tulaoshi.com/201601/29/48e27a767fff540c8d044933869e0278_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160129/1508119.html" target="_blank">巧改Word下划线与文字间的距离</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/bangongruanjian/" target="_blank">办公软件</a></div> <div class="span_em_123">     经常使用 Word 的朋友，都有这样的感觉，在Word中对文字设置下划线格式后，由于下划线与文字距离很近，两者几乎连在一起，看起来不够美观。其实，我们可通过下面的方法来调整下划线与文字之间的距离。     1. 首先，在文字前后各敲入一个空格，选中文字及其前后的空格，为其设置下划线格式。     2. 选中文字（不要选中文字前后的空格），依次单击“格...<a href="http://www.tulaoshi.com/n/20160129/1508119.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/你说不说我都在/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/19.jpg" /><span>你说不说我都在</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">2</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1509496" target="_blank"><img src="http://img.tulaoshi.com/201601/29/38d71cc2bb9d28bc8bac32607c56f564_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160129/1509496.html" target="_blank">随心所欲控制Word下划线与文字的距离</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/bangongruanjian/" target="_blank">办公软件</a></div> <div class="span_em_123">    在Word中对文字设置下划线时，下划线与文字的底边连在一起，感觉很不美观，能不能让下划线离文字远一些呢？经过摸索，本人找到一个小技巧，能随心所欲的控制下划线与文字的距离。下面介绍实现方法。     假设有一个居中的文章标题，首先选中文字后按[Ctrl+U]为其设置下划线（如图第1行）。 效果图     在文字内容的首尾处各敲入一个空...<a href="http://www.tulaoshi.com/n/20160129/1509496.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/中华大叔/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/16.jpg" /><span>中华大叔</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">21</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/171832" target="_blank"><img src="http://img.tulaoshi.com/201504/27/3a2f2ef78c3cb132623ee283c949f0b9_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20150427/171832.html" target="_blank">WPS怎么在文字后面添加下划线留给别人输入</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/diannaoyingyong/" target="_blank">电脑应用</a> <a href="http://www.tulaoshi.com/jsjyyjs/" target="_blank">计算机应用技术</a></div> <div class="span_em_123"> 在WPS中对文字进行处理时怎么加下划线，相信有很多新手朋友们都不知道下划线怎么输入吧，作为一位老师考在试前出试卷时，当需要在姓名后面加下划线时怎么也打不出来了，很是奇怪。其实很简单下面为大家介绍下具体的输入方法，不会的各位朋友们可以借此机会学习下哦，希望对大家有所帮助。 具体步骤： 很简单，您只需要同时按下shift和键盘上的-键即可（提示：输入法要切换至英文输入状态哦） 按一次是...<a href="http://www.tulaoshi.com/n/20150427/171832.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/智慧如诗/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/22.jpg" /><span>智慧如诗</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">102</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> </ul> <div id="pages" class="clearfix"> <a href="/reader/21768.html">上一页</a><a href="/reader/21765.html">21765</a><a href="/reader/21766.html">21766</a><a href="/reader/21767.html">21767</a><a href="/reader/21768.html">21768</a><a href="/reader/21769.html" class="cur">21769</a><a href="/reader/21770.html">21770</a><a href="/reader/21771.html">21771</a><a href="/reader/21772.html">21772</a><a href="/reader/21773.html">21773</a><a href="/reader/21770.html">下一页</a> </div> </div> </div> <!--footer底部--> <script type="text/javascript">tls.output.show_foot();</script> <div class="float_bottom" id="fixbottom" style="bottom:30px;"> <a href="http://m.tulaoshi.com//" class="icon_hu3">手机页面</a> <div class="float_bot_2"> <a href="javascript:;"id="show_search_input"> <input type="submit" class="input_sub" id="fixbottom_search_btn"> <input type="text" class="text_a_input" placeholder="输入你想搜索的关键词" style="display:none;" id="fixbottom_search_input"> </a> </div> <a href="javascript:;" class="icon_hu2" id="fav_site_btn" data-url="http://www.tulaoshi.com//">收藏网站</a> <a href="javascript:;" class="icon_hu" id="totop">回到头部</a> </div> <!--tag PC分类 标签--> <script type="text/javascript" src="http://static.tulaoshi.com/js/zt.js"></script> </body> </html>