继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

CSS3学习笔记--第三课时--border-image

赤拔丶姚
关注TA
已关注
手记 3
粉丝 1
获赞 14

有时候一些元素不满足只增加一些实线或虚线,这时候可以用一些图片来作为边框,也可以用渐变来做边框等等


border-image图片边框
图片描述

可以用下面的图片进行延伸方式的练习
图片描述

#border-image{
   background:#F4FFFA;
   width:210px; height:210px; border:70px solid #ddd;
   border-image:url(borderimg.png) 70 repeat  
}
打开App,阅读手记
5人推荐
发表评论
随时随地看视频慕课网APP