css样式中划线,css样式下划线

怎么让css的属性加中划线

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的style标签中，输入css代码：body{text-decoration: line-through;}。

3、浏览器运行index.html页面，此时用css成功让文本添加了中划线。

相关问答

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

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

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

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

Q2: css 样式被划了横线，是为什么

在调试中发现css样式被划了横线表示该css样式被层叠不会被解释执行，相当于没写！

当同一个HTML元素被不止一个样式定义时，一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。

1.浏览器缺省设置

2.外部样式表

3.内部样式表（位于 head 标签内部）

4.内联样式（在 HTML 元素内部）

因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：head 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。

Q3: CSS怎么给数字中间加一横线

2种方法：

1、给这个数字添加css属性：text-decoration: line-through;

2、给这个数字添加标签：del。如：del9999/del。

text-decoration详解：

text-decoration : none || underline || blink || overline || line-through

none : 　无装饰。text-decoration:none 无装饰，通常对html下划线标签去掉下划线样式。

blink : 　闪烁

underline : 　下划线。text-decoration:underline 下划线样式。

line-through : 　贯穿线。text-decoration:line-through 删除线样式-贯穿线样式。

overline : 　上划线。text-decoration:overline 上划线样式。

扩展资料：

我们进行对3个盒子对象分别设置对象内文字下划线、文字删除线样式、字体上划线样式。

1、css代码片段：

.divcss5{text-decoration:underline}

.divcss5_1{text-decoration:line-through}

.divcss5_2{text-decoration:overline} 

2、html代码片段：

div class="divcss5"我被加下划线/div

div class="divcss5_1"我被加贯穿删除线/div

div class="divcss5_2"我被加上划线/div

Q4: css样式中怎样控制下划线的粗细?

1、如果想修改一下下划线的颜色，大小等样式就可以通过border属性来设计，使用起来更灵活。

2、border-bottom属性，用来设置底部的边框样式。

3、border-bottom: #FF0000 2px solid ;设置边框大小为2PX的红色边框。

4、看一样效果，发现下划线是整个屏幕的宽度，所以接下来要修改一下宽度。

5、宽度设置成180px，宽度根据 实际情况调整就可以了。

6、最后显示下划线效果。

Q5: chrome 查看元素里被横线划掉的css是什么意思

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页面，可见，实现了将价格划掉的效果。