html – 如何设置div的背景颜色宽度？

概述我有两个具有相同背景颜色的< div> s.如何设置背景的宽度？ 预期结果： 这是HTML： <div> <span>100% width of background</span></div><div> <span>75% width of background</span></div> 我尝试用CSS做的事情： div { background-color: #fc 我有两个具有相同背景颜色的< div> s.如何设置背景的宽度？

预期结果：

这是HTML：

<div>    <span>100% wIDth of background</span></div><div>    <span>75% wIDth of background</span></div>

我尝试用CSS做的事情：

div {    background-color: #fc0;    margin: 2px;}div:last-child {    background-size: 75%;}

当然是jsFiddle.

设置div的宽度是否可行？

解决方法 您可以使用硬停止的背景渐变.

http://jsfiddle.net/isherwood/ZWrmn

div:last-child {    background: linear-gradIEnt(left,green 0,green 75%,transparent 75%);}

总结

以上是内存溢出为你收集整理的html – 如何设置div的背景颜色宽度？全部内容，希望文章能够帮你解决html – 如何设置div的背景颜色宽度？所遇到的程序开发问题。

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