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

html-css027

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

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

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

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

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：body{text-decoration: line-through}。

3、浏览器运行index.html页面，此时用css成功让文本添加了中划线。

给需要添加下划线的超链接添加单独样式或者一个class，包含关键代码：text-decoration:underline。

实例演示如下：

1、设计一个HTMl页面，放入一些a标签超链接：

2、给a便签全部取消下划线:

3、此时的页面展示如下：

4、在样式中添加一个class，去掉下划线：

5、演示：给一些a便签添加第四步的class：

6、刷新页面，此时效果如下：