html - 怎么设置1px的边框渐变？

问题描述

问 题

如何给左边框的线条设置渐变？或者怎么做到图中的样式？
如下图：

解决方案

用css3属性，

    .border li:before {
        content: "";
        float: left;
        display: block;
        width: 1px;
        height: 50px;
        background: -webkit-linear-gradient(green, white, green);
        background: -moz-linear-gradient(green, white, green);
        background: linear-gradient(green, white, green);
    }

详见demo

这篇关于html - 怎么设置1px的边框渐变？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！