水逸
水逸
  • 发布:2014-11-17 15:39
  • 更新:2014-11-17 16:30
  • 阅读:2447

如何设置div的边线为图片

分类:HTML5+

如何设置div的边线为 官方框架里面的细线

例如

<div style="width:100%;height:50px;background-color:#FFF"></div>

给上面的区域加个上下边线,border的1px 太粗了 如何用下面的线添加?

background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100…ht='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100…ht='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");

2014-11-17 15:39 负责人:无 分享
已邀请:
DCloud_UNI_FXY

DCloud_UNI_FXY

background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),  
                      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");  
background-repeat: no-repeat;  
background-position: 0 100%,0 0;
  • 水逸 (作者)

    貌似没有用呢

    2014-11-17 16:31

  • DCloud_UNI_FXY

    刚又编辑了一下。你再试试

    2014-11-17 16:33

  • 水逸 (作者)

    回复 DCloud_UNI_FXY:恩恩!测试了 可以的!

    2014-11-17 16:41

  • CC_a

    这个方法上边线可以,下边线为什么会往上偏移一点呢?会露出一点背景色

    2015-11-15 14:02

该问题目前已经被锁定, 无法添加新回复