Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/arrays/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 模糊线性渐变背景到纯色Css_Html_Css_Linear Gradients - Fatal编程技术网

Html 模糊线性渐变背景到纯色Css

Html 模糊线性渐变背景到纯色Css,html,css,linear-gradients,Html,Css,Linear Gradients,我想在div中设置一个左灰线背景,以显示这是一个线程…就像在twitter中一样 我差一点就拿到了,但是线看起来模糊了。我如何使它坚固 .thread{ 高度:100px; 宽度:400px; 边框:1px纯红; } .线程{ 背景:线性渐变(向右, 透明0%, 透明钙(25px-2px), #E9EBEE计算(25px-2px), #E9EBEE计算(25px+2px), 透明钙(25px+2px), 透明(100%),; } 改为这样做: .thread{ 高度:100px; 宽度:40

我想在div中设置一个左灰线背景,以显示这是一个线程…就像在twitter中一样

我差一点就拿到了,但是线看起来模糊了。我如何使它坚固

.thread{
高度:100px;
宽度:400px;
边框:1px纯红;
}
.线程{
背景:线性渐变(向右,
透明0%,
透明钙(25px-2px),
#E9EBEE计算(25px-2px),
#E9EBEE计算(25px+2px),
透明钙(25px+2px),
透明(100%),;
}

改为这样做:

.thread{
高度:100px;
宽度:400px;
边框:1px纯红;
}
.线程{
背景:线性梯度(#E9EBEE,#E9EBEE)25px 0/4px 100%无重复;
/*或
背景图像:线性梯度(#E9EBEE,#E9EBEE);
背景尺寸:4px100%;
背景位置:25px0;
背景重复:无重复;
*/
}

我只是不知道如何用最少的代码在那个位置找到一条坚固的2px线。你知道吗?这太棒了。这意味着什么<代码>0/4px谢谢。@joe我添加了更多细节;)
/
是大小和位置之间的分隔