字体被框框围绕 ( 字体 + 框框 )


转载此教程请载明 :




sticker


可以用在 添加小工具 / 帖子
不多解释 , 看效果 ↓







Kumiiko1996

<div style="-moz-border-radius: 1em 4em 1em 4em; 
border-radius: 1em 4em 1em 4em; 
border: 1px solid #000000;
 text-align: center; width: 100px;">内容</div>



Kumiiko1996

<div style="-moz-border-radius-bottomright: 50px; 
border-bottom-right-radius: 50px; 
border: 1px solid #000000; 
text-align: center; width: 100px;">内容</div>




Kumiiko1996

<div style="-moz-border-radius-topleft: 10px 10px; 
-moz-border-radius-topright: 10px 10px; 
border-top-left-radius: 10px 10px; 
border-top-right-radius: 10px 10px; 
border: 1px solid #000000; 
text-align: center; width: 100px;">内容</div>



Kumiiko1996

<div style="-moz-border-radius: 25px 10px / 10px 25px;
 border-radius: 25px 10px / 10px 25px; 
border: 1px solid #000000; 
text-align: center; width: 100px;">内容</div>



Kumiiko1996

<div style="-moz-border-radius-toptight: 50px; 
-moz-border-right-bottomleft: 50px; 
border-bottom-right-radius: 50px; 
border-top-right-radius: 50px; 
border: 1px solid #000000; 
text-align: center; width: 100px;">内容</div>



小提示

width : 控制框框长度

链接 : 在内容里添加 <a href="网址">链接名称</a>

border: 1px solid #000000; 可以更改成别的框框种类
↑
#000000; : 颜色代码
1px : 框框厚度
solid : 可以更换成以下的别种框框




你也可以加 Text-shadow / Box-shaodow / Font-family 代码下去

所有美化的代码都可以加到 <div style=" 后面


© Http://Kumiiko1996.blogspot.com


HELP HELP , Press A Nuffnang For Me ♥

T A G :

6 則留言: