在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文件中相应的行,那么整个站点的所有页面都会随之发生变动。

HTML标签中<HR>标签可以帮你在每行文字下面画条横线,具体实现方法:

<HR>标签的属性介绍:

none:无样式;dotted:点线;dashed:虚线;solid:实线;

double:双线;groove:槽线;ridge:脊线;inset:内凹;outset:外凸。

1、dotted:点线

<HR style="border:3 dotted #ff0033" width="100%" SIZE=3>

2、dashed:虚线

<HR style="border:3 dashed #ff0033" width="100%" SIZE=3>

3、solid:实线

<HR style="border:3 solid #ff0033" width="100%" SIZE=3>

4、double:双线

<HR style="border:3 double #ff0033" width="100%" SIZE=3>

5、groove:槽线

<HR style="border:6 groove #ff0033" width="100%" SIZE=6>

6、ridge:脊线

<HR style="border:6 ridge #ff0033" width="100%" SIZE=6>

7、inset:内凹

<HR style="border:6 inset #ff0033" width="100%" SIZE=6>

8、outset:外凸

<HR style="border:6 outset #ff0033" width="100%" SIZE=6>

温馨提示:

通过实践5—8并不理想,最好不要用。

两头渐变透明 纺锤形 右边渐变透明 左边渐变透明 立体效果 钢针效果

备注:这几种效果不适合表内嵌套存在,例句写在表外


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

原文地址: https://outofmemory.cn/zaji/6282798.html

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

发表评论

登录后才能评论

评论列表(0条)

保存