dw中css样式中图片下面的横线怎么设置

html-css08

dw中css样式中图片下面的横线怎么设置,第1张

css中使用textdecoration属性就可以直接设置划线效果。

对字体样式文本加下横线款式，有二种方式，一直立即应用html下横线标识，此外一种是应用CSS下横线款式。这个属性允许对文本设置某种效果，如加下划线。

。如果后代元素没有自己的装饰，祖先元素上设置的装饰会延伸到后代元素中。不要求用户代理支持blink。

1、新建html文档，在html文档的bady标签中添加一个a标签，然后为这个标签添加“href”属性和属性值：

2、将编辑好的代码保存，然后用浏览器打开html文档，这时可以在网页中看到a标签的下划线：

3、添加style标签，然后为a标签设置“text-decoration:none”css样式，刷新浏览器，这时浏览器中的下划线就会被去掉：

给需要添加下划线的元素应用如下css样式即可

text-decoration: underline

示例如下：

给需要添加下划线的元素一个标记，这里设置为一个名叫underline的类

<h2>我不加下划线</h2>

<h2 class="underline">我要加下划线</h2>

应用上面给出的添加下划线的样式

h2{color:blue} /*设置文字颜色为蓝色*/

h2.underline{text-decoration: underline} /*只为有underline标识的元素添加下划线*/

效果如下