Html 带div的线性梯度
我需要使用两个以上的div执行类似于此示例的操作。例如，一个div为灰色div，另一个为绿色div 是否可以在不指定宽度百分比的情况下执行常规操作Html 带div的线性梯度,html,css,Html,Css,我需要使用两个以上的div执行类似于此示例的操作。例如，一个div为灰色div，另一个为绿色div 是否可以在不指定宽度百分比的情况下执行常规操作 #测试{ 高度：50px； 背景：线性渐变（向右，灰色0%，灰色50%，绿色50%，绿色100%）； 文本对齐：居中； 垂直对齐：中间对齐； } 你好，世界！ 是的，您可以通过将单个颜色渐变与背景颜色相结合，然后使用背景大小设置渐变的宽度，从而“欺骗”并实现想要的效果，而无需为每个div指定全新的渐变。您还需要将background repeat
#测试{
高度：50px；
背景：线性渐变（向右，灰色0%，灰色50%，绿色50%，绿色100%）；
文本对齐：居中；
垂直对齐：中间对齐；
}
你好，世界！
背景颜色相结合，然后使用背景大小设置渐变的宽度，从而“欺骗”并实现想要的效果，而无需为每个div
指定全新的渐变。您还需要将background repeat
属性设置为no repeat
，以防止渐变填充元素
下面是一个简单的例子：
div{
背景：绿色线性梯度（0度，灰色，灰色）无重复；
高度：50px；
利润率：0.10px；
}
#四分之一{
背景大小：25%100%；
}
#第三{
背景大小：33.333%100%；
}
#一半{
背景大小：50%100%；
}
不清楚您想做什么。哪两个div？每个人应该如何对待？我需要这样的东西：我的文字在div上。我的评论有帮助吗？比如什么？你是在尝试链接图像吗？例如，每种颜色都是一个div。我需要修复相邻div上的文本。等等，你是在尝试在每个单独的单词周围放置单独的背景，而不管单词有多大？是吗？不错，但还是有数字。你刚刚把它们从渐变移到背景尺寸。是的，我刚刚重读了这个问题，它可以解释。“通用”一词的使用让我相信这正是科托想要的。