DIV CSS文字删除线贯穿线怎么添加

html-css012

DIV CSS文字删除线贯穿线怎么添加,第1张

DIV CSS文字删除线贯穿线添加方法如下:

1、先打开sublime_text软件,然后新建一个09.html。

2、建好09.html后,在里面定义一个html5标准声明。

3、然后在里面输入html网页的结构。

4、在输入html网页的结构中找到一个叫body标签,在body标签中添加文字。

5、添加好文字后,给p标签添加一个删除线样式。

6、运行网页,查看结果,可以看到删除线已添加好了。

只要再定义下面的CSS样式就可以了。

如代码是<div class="mystyle">原价:20.5元</div>

CSS就写成

.mystyle{font-family: "宋体"vertical-align: middle}

就能让删除线在同一行,并且所有浏览器都在同一行,不管文字还是数字。

font-family是让元素内的文字统一字体(统一IE7下的效果)

vertical-align: middle是让元素内的文字垂直居中(统一IE6下的效果)