怎么作用于<li>的文字先有横线

标签修饰的内容将被加横线。

标签修饰的内容将被加横线。同时如果使用htmlli对文字内容横线样式，而不想显示下划线，但可以使用CSS样式设置去掉u标签下划线样式。

横线的符号是破折号。破折号是表示话题或语气的转变，声音的延续等的符号。

1、打开编辑测试的软件，设置一个div区域，li标签因为默认的需要换行，所以需要设置一个浮动点，float:left使其靠左浮动对齐；主要代码如下：

<style>

.ceshi{

width:100%

height:30px

background-color:#F00

color:#FFF

}

.ceshi ul{ width:820pxmargin:0 auto}

.ceshi ul li{width:180pxheight:30pxfloat:leftlist-style-type:nonetext-align:centerline-height:30pxborder-right:1px solid #FFF}

</style>

<div class="ceshi">

<ul>

<li>li标签右边框</li>

<li>li标签右边框</li>

<li>li标签右边框</li>

<li>li标签右边框</li>

</ul>

</div>

详解：设置一个宽度：100%，高度为30px的区域，再次设置一下背景颜色与字体颜色，使其区分开；

设置一个ul宽度，让其在div区域中居中对齐；

最后也是最关键的li标签设置：宽度180px高度同样30px；靠左浮动float:leftlist-style-type:none去除左侧的点，然后使字体居中对齐center最后设置li标签的分隔线，这里用边框属性就可以实现此功能；border-right:1px solid #FFF border是边框默认的是四周；border-right在li标签右侧添加边框也可以理解为分割线：solid为分隔线的样式；#FFF为分隔线的颜色；

方法/步骤

语法与结构

<u>我是简CC</u>我们使用u标签对文字设置下划线样式

Html U下划线标签使用说明

<u></u>下划线标签告诉浏览器把其加u标签的文本加下划线样式呈现显示给浏览者。对于所有浏览器来说，这意味着要把这段文字加下划线样式方式呈现给大家显示。

Html下划线U标签使用案例

我是<u>简CC</u> !

html下划线效果示例图

5

使用说明

<u>标签修饰的内容将被加下划线。

同时如果使用html u对文字内容下划线样式，而不想显示下划线，但可以使用CSS样式设置去掉u标签下划线样式。

---