横线css样式,横线的样式

怎样用CSS样式在文字下面加下划线

一般有两种方法：

一、通过CSS下划线代码：text-decoration:underline来设置文字下划线。

实例演示如下：

1、实例代码如下：

此时页面效果如下：

2、修改第1步中的txt样式，加入text-decoration:underline。

此时页面效果如下，出现了下划线。

二、通过设置div的border实现效果：

实例演示如下：

在第一种方法的初始代码上，增加border-bottom: 1px solid black、padding-bottom: 10px两个关键样式，如下：

此时页面效果如下：

相关问答

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

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

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

1.浏览器缺省设置

2.外部样式表

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

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

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

Q2: 审查元素时css样式有个横线（该css样式无法使用）

这样的就上面的优先级比下面的高，取上面的值。。

但是你那个widow:100%是写错的没有这样的属性应该是width吧，写错也出横线的 提示无效的属性

Q3: css怎么定义页面背景为横条

1、做一个合适的横条图片，放到空间下，如下图

2、新建CSS样式，取好样式名。

3、在CSS规则定义下，在“Background-color”后选择刚才的图片。

4、在Background-repeat下选择“repeat”，这是说明让背景图重复平铺。

5、定义好DIV方框的宽和高。

6，看效果，符代码“background-image: url(11.fw.png); background-repeat: repeat;”

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

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

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

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

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