非布局样式-边框

  1. 普通边框
border:5px solid red; 
border-bottom:30px solid red;
border-top-color: red;
1. solid:实线	dotted:圆点线	dashed:虚线
2. border是对四条边的3个属性(width/style/color)进行设定,也可以指定一条边
  1. 边框使用图片
border:30px solid transparent;
border-image:url(./border.png) 30 round;
1. 边框线形必须为实线,颜色无所谓
2. 30:角上的像素
3. round:边上重复且为整个的图案,若用repeat则不能保证为整个的图案
  1. 用边框画三角形(利用边框斜切)
    • 左右边框颜色为透明transparent
    • 底边为任意颜色
    • 调整长度使编程三角形
发布了20 篇原创文章 · 获赞 0 · 访问量 280

猜你喜欢

转载自blog.csdn.net/ChristWTF/article/details/103744306