status


Remenber put your webside in the chatbox



Finished on 26-05-2022


ENTRY
AUTHOR
AFFILIATES
NOTICE
DASHBOARD
FOLLOW


message box

Redisigned by : KARREN
Skin by : ANGEL
Support by - Google & Cbox & YouTube & Laptop




// Heather x Eyes Blue - Lofi Remix
Border . 边框种类
Sunday 9 April 2017 ♥ April 09, 2017 ♥ 0 comments
来发一篇新手入门的教程。其实应该大多数人都懂什么，因为这只是效果而已。但为了方便以后的设计 要了解一切的话，就整理了出来。=3=




SOLID


DOTTED


DASHED


DOUBLE


GROOVE


RIDGE


INSET


OUTSET







字体

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;

<div style="border-radius: 20px; border: 2px solid #7B7B7B; height: 50px; text-align: center; width: 200px;">字体</div>





字体

-moz-border-radius: 50px;
border-radius: 50px;

<div style="border-radius: 50px; border: 2px solid #7B7B7B; height: 50px; text-align: center; width: 200px;">字体</div>





字体

-moz-border-bottom-right-radius: 30px;
border-bottom-right-radius: 30px;

<div style="border-bottom-right-radius: 32px; border: 2px solid #7B7B7B; height: 50px; text-align: center; width: 200px;">字体</div>





字体

-webkit-border-top-left-radius: 30px;
-webkit-border-top-right-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-topright: 30px;
border-top-left-radius: 30px;
border-top-right-radius: 30px;


<div style="border-top-left-radius: 30px; border-top-right-radius: 30px; border: 2px solid #7B7B7B; height: 50px; text-align: center; width: 200px;">字体</div>





字体

-webkit-border-top-left-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-bottomleft: 30px;
border-top-left-radius: 30px;
border-bottom-right-radius: 30px;


<div style="border-top-left-radius: 30px; border-top-right-radius: 30px; border: 2px solid #7B7B7B; height: 50px; text-align: center; width: 200px;">字体</div>





字体

-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-right-radius: 50px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomleft: 50px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;


<div style="border-top-right-radius: 50px; border-bottom-right-radius: 50px; border: 2px solid #7B7B7B; height: 50px; text-align: center; width: 200px;">字体</div>