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

html-css039

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

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

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

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

chrome 查看元素里被横线划掉的css,是因为属性的不支持或者层次被覆盖,解决方法如下:

1、首先新建一个html文件,命名为test.html。

2、在test.html文件内,使用div标签、span标签创建商品价格的显示。

3、在test.html文件内,使用<style type="text/css"></style>标签来标识css代码编写区。

4、在css标签内,创建div,span标签的样式设置。

5、在css标签内,设置div的样式,使用font-size设置字体大小为20px,line-height设置行高为50px。

6、在css标签内,设置span的样式,使用color设置文字颜色为红色,text-decoration设置删除线的效果。

7、在浏览器打开test.html页面,可见,实现了将价格划掉的效果。