有没有办法为特定像素创建css3边框渐变？
杰姆绍夫
我知道背景渐变可以做到这一点，但无法弄清楚如何为边框渐变实现这一点。
这是我到目前为止的
-webkit-border-image : -webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#000)) 1 100%;
-webkit-border-image : -webkit-linear-gradient(#666, #000) 1 100%;
-moz-border-image : -moz-linear-gradient(#666, #000) 1 100%;
-o-border-image : -o-linear-gradient(#666, #000) 1 100%;
border-image : linear-gradient(to bottom, #666, #000) 1 100%;
我希望从下至上的第一个32px为黑色，然后其余部分为灰色（＃666）。
米海
我建议您这样做：使用您将其放置在和处的pseudo-elementlike ，因为这是边框的宽度。如果你改变了，你改变了:beforebottom:0left:-15px15pxborder-widthleft:-15px
一样 width:15px
我曾经用过width:15px，background:#000但是您可以简单地使用border-left:15px solid #000这两个。结果是一样的。
.borderme {
position:relative;
height:300px;
border-left:15px solid #666;
}
.borderme:before {
position:absolute;
height:32px;
width:15px;
background:#000;
bottom:0;
left:-15px;
content:"";
}<div class="borderme">
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
有没有办法用CSS3为div的背景图像着色？
- 2
有没有办法使CSS渐变不连贯？
- 3
有没有办法在Android中以编程方式在图像上创建渐变？
- 4
有没有办法在basiljs中创建一个渐变？
- 5
有没有办法进行多色边框
- 6
有没有办法在CSS中设置默认边框颜色/大小？
- 7
有没有办法用css（图像示例）定位边框？
- 8
有没有办法为SQL所没有的订单创建行？
- 9
有没有办法将现有的 css 解析为 React Native css？
- 10
有没有办法为所有操作为 CancellationToken 创建过滤器？
- 11
有没有办法为进程创建的所有任务全局WaitAll（）？
- 12
有没有办法在图层边缘周围实现边框图像（如CSS边框图像）？
- 13
有没有办法为硬盘文件创建ECC数据？
- 14
InnoSetup-有没有办法为Internet Explorer手动创建cookie？
- 15
MySQL中有没有办法为表隐式创建主键？
- 16
有没有办法为容器类型创建运算符/函数重载
- 17
有没有办法以角度为页面创建分页？
- 18
有没有办法为特定的HashSet或HashMap覆盖类型的相等和哈希函数？
- 19
有没有办法为 Gnome 中特定打开的窗口设置快捷键？
- 20
具有渐变边框的CSS3圆？
- 21
有没有办法用CSS将重叠的边框添加到所有div中？
- 22
有没有办法从单独的行创建数组？
- 23
有没有办法保护Covergroup Bins的创建
- 24
有没有办法阻止创建给定文件？
- 25
有没有办法自动创建 TeamCity 项目？
- 26
有没有办法批量创建word文档
- 27
有没有办法在 manim 中创建散点图？
- 28
有没有办法扭转特定功能的处理？
- 29
有没有办法获得特定范围的单词？
我来说两句