横线从文字中间穿过的CSS效果属性和html标签

要实现在html页面中实现横线从文字中间穿过的效果有三种方法可实现，如下：

1、是用CSS样式表中 text-decoration:line-through; 属性

2、是使用<del>186.00</del>html标签

3、是使用<s>186.00</s>html标签

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

b {

text-decoration: line-through;

font-weight: 100;

}

</style>

</head>

<body>

</body>

</html>

横线从文字中间穿过的CSS效果属性和html标签相关推荐

JavaScript CSS Style属性对照表
为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的Css属性. 比如:鼠标经过一个图片时我们让图片加一个边框,代码可能是这样: 代码 <script type=&quo ...
CSS冷门属性 mix-blend-mode 制作文字镂空效果
CSS冷门属性 mix-blend-mode 制作文字镂空效果本篇文章为大家带来如何制作文字镂空效果,仅仅使用CSS样式进行处理,借助 mix-blend-mode 属性,将文字的颜色反转,从而实现 ...
css 效果-uni-app 使用 float 属性实现环绕之后文字最多显示两行
效果思路这个效果是文本环绕标签组件最多显示两行,京东app也有这个效果环绕效果我们使用float:left实现环绕,文字最多显示两行,我一开始想到的是用下面的代码实现: display: -we ...
CSS文字文本样式（font字体、css外观属性）
1. font字体 1.1. font-size:大小作用:font-size属性用于设置字号. p { font-size:20px; } 单位: 可以使用相对长度单位,也可以使用绝对长度单位. ...
html给文字添加阴影效果,text-shadow css文字阴影_字体投影属性样式
text-shadow为css文字阴影.css字体投影与字体阴影含胡效用效果的CSS属性单词 css text-shadow阴影功效一.text-shadow先容 text-shadow是CSS格局 ...
html图片靠右浮动文字左侧环绕,CSS实现模拟float: center文字左右环绕图片的效果...
什么是文字左右环绕图片?就是下图的效果: 效果的CSS代码可以点击这里查看在CSS中,并没有float: center这种设置,但是我们可以通过一些小技巧来模拟出类似的效果. 经常会有小伙伴问:有f ...
html图片靠右浮动文字左侧环绕,CSS 模拟float实现center文字左右环绕图片的效果...
什么是文字左右环绕图片?就是下图的效果: 效果的CSS代码可以点击这里查看在CSS中,并没有float: center这种设置,但是我们可以通过一些小技巧来模拟出类似的效果. 经常会有小伙伴问:有 ...
CSS实现多行文字两端对齐的效果
CSS实现多行文字两端对齐的效果文章来源:本站原创浏览次数:248 发布日期:2013-09-13 在做前台界面的时候,比如一些文字的列表或者一些表单的标题,经常是2个字,3个字,4个字的类型 ...
用css实现文字的渐渐浮现效果
可以使用 CSS 的 animation 属性来实现文字的渐渐浮现效果. 首先,你需要给要实现这个效果的文字元素设置一个 animation 属性,并指定一个动画名称.例如: .fade-in {an ...

横线从文字中间穿过的CSS效果属性和html标签

横线从文字中间穿过的CSS效果属性和html标签相关推荐

最新文章

热门文章