【问题标题】:How to add gradient border only to the top and bottom of a div如何仅将渐变边框添加到 div 的顶部和底部
【发布时间】:2015-03-26 15:41:50
【问题描述】:

我正在寻找一种方法,将渐变边框(从黑色到灰色)仅添加到我的顶部和底部边框,而没有添加到边缘。

有什么简单的方法吗?

【问题讨论】:

    标签: html css


    【解决方案1】:
    border-top: 10px solid red;
    border-bottom: 10px solid red;
    border-left-width: 0;
    border-right-width: 0;
    border-image: linear-gradient(to right, red, violet) 1 stretch;
    

    Chrome 和 Safari 需要border-right-width 和border-left-width。

    【讨论】:

      猜你喜欢
      • 2011-09-15
      • 1970-01-01
      • 1970-01-01
      • 2014-06-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-02-18
      相关资源
      最近更新 更多