3回答

• 

  李晓健

  2015-12-11 13:07:39

  已采纳

  图片剪裁位置(border-image-slice)
  此参数特点比较鲜明：
  1、没有单位，专指像素。这类似于flash的as脚本，舞台高宽，影片剪辑大小，位移直接就是一个数值，没有单位，因为默认单位就是像素(px)了。例如：border-image:url(border.png) 27 repeat;这里的27专指27像素。

  2、支持百分比值，百分比值大小事相对于边框图片而言，假设边框图片大小为400px*300px，则20%的实际效果就是剪裁了图片的60px 80px 60px 80px的四边大小。

  
  

  1 0

  梓summe...

  非常感谢！

  2015-12-11 13:22:30

  共 1 条回复 >

• 

  XFE_星城前端_Peter

  2015-11-20 20:47:41

  码农，上代码说话，没代码……

  1 0

  梓summe...

  <style> #border_image { margin:0 auto; height:100px; line-height:100px; text-align:center; font-size:30px; width:450px; border:15px solid #ccc; border-image:url(http://img.mukewang.com/52e22a1c0001406e03040221.jpg) 30px round; } </style> <div id="border_image"> 请为我镶嵌上漂亮的画框吧 </div>

  2015-12-11 12:46:09

  共 1 条回复 >

• 

  李晓健

  2015-11-20 20:47:02

  给一下完整代码

  1 0

  梓summe...

  <style> #border_image { margin:0 auto; height:100px; line-height:100px; text-align:center; font-size:30px; width:450px; border:15px solid #ccc; border-image:url(http://img.mukewang.com/52e22a1c0001406e03040221.jpg) 30px round; } </style> <div id="border_image"> 请为我镶嵌上漂亮的画框吧 </div>

  2015-12-11 12:45:49

  共 1 条回复 >