怎样用CSS样式在文字下面加下划线

html-css09

怎样用CSS样式在文字下面加下划线,第1张

一般有两种方法：

一、通过CSS下划线代码：text-decoration:underline来设置文字下划线。

实例演示如下：

1、实例代码如下：

此时页面效果如下：

2、修改第1步中的txt样式，加入text-decoration:underline。

此时页面效果如下，出现了下划线。

二、通过设置div的border实现效果：

实例演示如下：

在第一种方法的初始代码上，增加border-bottom: 1px solid black、padding-bottom: 10px两个关键样式，如下：

此时页面效果如下：

<div id="colee_right" >

<ul>

<li><img></li>

<li><img></li>

<li><img></li>

</ul>

</div>

用下面的样式

#colee_right{

bottom:20px

display:block

height:100px

position:fixed

right:20px

width:100px

}

具体的宽度和位置你自己调整

无线 TEXT-DECORATION: none

加线 TEXT-DECORATION: underline

text-decoration : none || underline || blink || overline || line-through

取值：

none :　 默认值。无装饰

blink :　 闪烁

underline :　 下划线

line-through :　 贯穿线

overline :　 上划线