设为首页收藏本站

搜索
查看: 238|回复: 1

css画线

[复制链接]
回帖奖励 50 金钱 回复本帖可获得 5 金钱奖励! 每人限 1 次(中奖概率 40%)

11

主题

17

帖子

2057

积分

金牌会员

Rank: 6Rank: 6

积分
2057
发表于 2016-10-10 11:52:45 | 显示全部楼层 |阅读模式
本帖最后由 zyw 于 2016-10-10 11:58 编辑
  1. .x {
  2.     border: solid 1px red;
  3.     width: 100px;
  4.     height: 100px;
  5.     position: relative;
  6.     background-color: transparent;
  7. }

  8. .x:before {
  9.     position: absolute;
  10.     top: 0px;
  11.     right: 0;
  12.     left: 0;
  13.     bottom: 0;
  14.     border-bottom: 100px solid red;
  15.     border-left: 100px solid transparent;
  16.     content: "";
  17. }

  18. .x:after {
  19.     position: absolute;
  20.     left: 1px;
  21.     right: 0;
  22.     top: 1px;
  23.     bottom: 0;
  24.     border-bottom: 99px solid white;
  25.     border-left: 99px solid transparent;
  26.     content: "";
  27. }

  28. .f {
  29.     border: solid 1px red;
  30.     width: 100px;
  31.     height: 100px;
  32.     position: relative;
  33.     background-color: transparent;
  34. }

  35. .f:before {
  36.     position: absolute;
  37.     top: 0px;
  38.     right: 0;
  39.     left: 0;
  40.     bottom: 0;
  41.     border-bottom: 100px solid red;
  42.     border-right: 100px solid transparent;
  43.     content: "";
  44. }

  45. .f:after {
  46.     position: absolute;
  47.     left: 0;
  48.     right: 1px;
  49.     top: 1px;
  50.     bottom: 0;
  51.     border-bottom: 99px solid white;
  52.     border-right: 99px solid transparent;
  53.     content: "";
  54. }
复制代码

7

主题

11

帖子

379

积分

VIP1

Rank: 1

积分
379
发表于 2016-10-11 11:21:00 | 显示全部楼层
学习了!
这世间再也没有比置身于人群之中,却孤独地活着,更为可怕
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ| 小黑屋| 完美起航-论坛     

完美起航-论坛中心。

Copyright © 2001-2013 Okgoes.   All Rights Reserved.

Powered by 完美起航 X3.2( 赣ICP备15002760号 )

快速回复 返回顶部 返回列表