越努力越幸运。
不管如何,我比你努力,比你好,比你更问心无愧。

2017.02.22

教程 | 框框的种类

先欠着我最爱的 KC 那篇教程先。来发这一篇新手入门的教程呗。或许很多人都会了,但是也有可能一小部分还不会的。所以就先发了这篇教程,这样的话,明天的教程会容易的多了。不然我很难解释说 /3//

框框的种类

bii babey
Solid

bii babey
Dashed

bii babey
Dotted

bii babey
Double

bii babey
Groove

bii babey
Ridge

bii babey
Inset

bii babey
Outset
 
框框的形状

bii babey
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;

bii babey
-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;

bii babey
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;

bii babey
-moz-border-radius-bottomright: 5px 10px;
border-bottom-right-radius: 5px 10px;

bii babey
-moz-border-radius-bottomright: 10px 5px;
border-bottom-right-radius: 10px 5px;

bii babey
-moz-border-radius: 35px;
border-radius: 35px;

bii babey
-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;

bii babey
-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;

bii babey
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;

4 comments:

  1. 为什么copy不到的?><
    http://yurichonq.blogspot.com/

    ReplyDelete
    Replies
    1. 使用 Ctrl+C 拷贝代码 /.\

      -replied by Bii.

      Delete
  2. 請問下面其他的叫做什麽名字啊?

    ReplyDelete
    Replies
    1. 下面其他的? 你指的应该是框框的形状吧?
      只需要把代码拷贝进 {...} 就可以了哦 :)

      - replied by Bii.

      Delete

っ 谢谢你耐心的看完这篇帖子 ♥
っ 评论将在博主审核后发布,如有不便,敬请原谅哦 :)
っ 除了评论之外,亲也可以选择在 Cbox 留言或 PM 我的部落格专页信箱

ベ 请用词确切,勿使用脏字哟
ベ 部落格不接受匿名评论,评论前请确保你拥有 Google Account 哦
ベ 请仔细列明你的问题好方便我回答哦 :)

* 感谢你的留言,欢迎下次再来。