html – 使用CSS更改跨度背景颜色无效

概述我应用了背景色：#C0C0C0;到我的span元素.grey_bg,但背景不会改变颜色.这是为什么？ .grey_bg { width: 100%; background-color: #C0C0C0; } <span class="grey_bg"> <h1>Hey</h1> </span> 因为将块级H1元素放在span(内联元素) 我应用了背景色：#C0C0C0;到我的span元素.grey_bg,但背景不会改变颜色.这是为什么？

.grey_bg {      wIDth: 100%;      background-color: #C0C0C0;    }

<span >        <h1>hey</h1>    </span>

解决方法 因为将块级H1元素放在span(内联元素)中并不是真正有效的HTML.您可以使用div而不是span

.grey_bg {    wIDth: 100%;    background-color: #C0C0C0;}

<div >     <h1>hey</h1></div>

…或者也可以制作跨度块级别：

span {display: block;}.grey_bg {    wIDth: 100%;    background-color: #C0C0C0;}

<span >     <h1>hey</h1></span>

总结

以上是内存溢出为你收集整理的html – 使用CSS更改跨度背景颜色无效全部内容，希望文章能够帮你解决html – 使用CSS更改跨度背景颜色无效所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。