【问题标题】:CSS Linear gradient bordersCSS 线性渐变边框
【发布时间】:2013-06-27 09:48:22
【问题描述】:

我正在尝试使用 CSS3 边框渐变属性并使用 css 技巧中的示例。我可以使用他们的示例使其正常工作,但似乎无法获得我所追求的颜色,我认为这是语法错误。有人可以让我知道我可能缺少什么吗?

我在一个 div 的左右边框之后,渐变从 #d1d2cd#e3e4df 5 pixels 宽?

我在 js fiddle 中模拟了一个示例:http://jsfiddle.net/DqgPy/

谢谢

【问题讨论】:

  • 你在寻找这样的东西吗? jsfiddle.net/DqgPy/1
  • 几乎,我在将渐变应用于左右两侧作为 div 的边框,而不是 body。从你的代码虽然我已经用这些颜色创建了一个渐变,但是它为 div 着色而不是应用它作为边框?您添加了多少浏览器兼容性选项真是太好了! jsfiddle.net/DqgPy/2
  • 所以你想让边框有渐变??
  • 是的 :) 只是左右从暗到亮,我问题中的第一个链接正是我所追求的,但是当我在其中添加自己的十六进制或 rgb 值时,我认为它当我删除黑色并复制 rgb 括号时该怎么办?

标签: css syntax border gradient


【解决方案1】:

我建议您查看以下网站:

http://www.colorzilla.com/gradient-editor/

玩转渐变设置,它会自动生成您需要的 CSS(包括对旧浏览器的支持)。至少,提供的代码可能会帮助您找出任何语法错误。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-03-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-05-26
    • 1970-01-01
    • 2017-09-03
    相关资源
    最近更新 更多