前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

纯Css通过改变border制作出各种三角图形

1.基本的三角样式:


2.改变border-width属性

3.改变border-style属性

1)dotted


2)dashed


3)solid


4)double


5)groove


6)ridge


7)inset


8)outset


4.改变border-color属性

1)border-color: transparent yellow blue green;


2)border-color: red transparent blue green;


3)border-color: red yellow transparent green;


4)border-color: red yellow blue transparent ;


5.结尾

通过border制作三角形,只需要保证一边的边框是有色的,其他边框色为透明色,这样就很容易制作出三角形。




发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言