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

html-css017

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、刷新页面,此时效果如下: