在html里 怎么在字的中间加一条横线表示这些字被划掉了,用css。

在html里 怎么在字的中间加一条横线表示这些字被划掉了,用css。,第1张

<style type="text/css" media="screen">

.line_m{text-decoration:line-through}

</style>

<span class="line_m">中间是空格</span>文字<span class="line_m">中间是空格</span>

需要多长就多加一个(空格)。

CSS就是一种叫做样式表(stylesheet)的技术。也有的人称之为层叠样式表(Cascading Stylesheet)。

在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。

它的作用可以达到:

(1)在几乎所有的浏览器上都可以使用。

(2)以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。

(3)使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。

(4)你可以轻松地控制页面的布局 。

(5)你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。

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

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

CSS就写成

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

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

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

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11812903.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存