Rainbow Text 框框美化 ( 只限有 Rainbow Text 的部落格 )




注意 :此教程不能转载 ,请合作 ,谢谢 


效果 :


先让你看看框框的类型先 。

框框的类型 :


Example A

-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;


Example B

-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;


Example C

-moz-border-radius-bottomright: 25px 50px;
border-bottom-right-radius: 25px 50px;


Example D

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


Example E

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


Example F

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


首先打开你 Rainbow Text 的 HTML/Javascript 

把以下的代码

style="border: 3px groove #1B06BC; height: -1cm; padding: 7px; text-align: center; width: 17cm;">

换成


style="-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
border-top: 2px solid #000000;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
margin:0 0 1.5em;
  padding:7px 10px 7px 10px; overflow:hidden; width:16.5cm; height:1cm;


黄色 Highlight 的字 :框框的类型( 框框的类型请往上看
红色字 :框框的粗细
粉红色字 :框框的种类(框框的种类请往下看 
蓝色字 :颜色代码(颜色代码请看这里 )
青色 Highlight 的字 :框框的宽度
蓝色 Highlight 的字 :框框的高度

框框的种类 :




没有评论:

发表评论