加入收藏 | 设为首页 | 会员中心 | 我要投稿 惠州站长网 (https://www.0752zz.com.cn/)- 办公协同、云通信、物联设备、操作系统、高性能计算!
当前位置: 首页 > 建站 > 正文

45个值得收藏的CSS形状

发布时间:2019-04-24 05:55:15 所属栏目:建站 来源:前端小智
导读:副标题#e# CSS能够生成各种形状。正方形和矩形很容易,因为它们是 web 的自然形状。添加宽度和高度,就得到了所需的精确大小的矩形。添加边框半径,你就可以把这个形状变成圆形,足够多的边框半径,你就可以把这些矩形变成圆形和椭圆形。 我们还可以使用 CS

15.平行四边形

  1. #parallelogram {  
  2. width: 150px;  
  3. height: 100px;  
  4. transform: skew(20deg);  
  5. background: red;  
  6. }  

16.星星 (6角)

  1. #star-six {  
  2. width: 0;  
  3. height: 0;  
  4. border-left: 50px solid transparent;  
  5. border-right: 50px solid transparent;  
  6. border-bottom: 100px solid red;  
  7. position: relative;  
  8. }  
  9. #star-six:after {  
  10. width: 0;  
  11. height: 0;  
  12. border-left: 50px solid transparent;  
  13. border-right: 50px solid transparent;  
  14. border-top: 100px solid red;  
  15. position: absolute;  
  16. content: "";  
  17. top: 30px;  
  18. left: -50px;  
  19. }  

(编辑:惠州站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

推荐文章
    热点阅读