CSS3边框属性border的极致应用
html5学习吧
全部回复
仅看楼主
level 7
55字星 楼主
border-left:20px transparent dotted;
border-top:20px green solid;
border-right:20px transparent dotted;
border-bottom:20px orange solid;
width:0px;
height:0px;
overflow:hidden;
注意:transparent是用来透明的,并且要设置的线条的样式为dotted(点线)。宽高为0,就会只显示边框部分,然后用overflow来将多余部分截取掉,剩下的就是斜角内容了。
斜角的组合规律如下:
border-left和border-top组成从左上到右下的斜线
border-right和border-top组成从右上到左下的斜线
border-right和border-bottom组成从右下到左上的斜线
border-left和border-bottom组成从左下到右上的斜线
2014年08月20日 00点08分 1
level 8
我来顶一下
2014年11月25日 14点11分 2
你给了坚持下去的理由[滑稽]
2015年01月05日 14点01分
level 9
吧主,你要继续坚持啊!
2015年01月18日 15点01分 3
1