2012年1月9日 星期一

完全免圖片,圓角的疑惑終於得答案了!

dfgfg fggg dfg dfg sddsf 


完全免圖片,圓角的疑惑終於得答案了!
原來做圓角至少也要用到圖片,現在只要簡單幾行CSS 就可以辦到了!
.b1 {height:1px;font-size:1px;overflow:hidden;display:block; background:#b3d465; margin:0 5px;}.b2 {height:1px; font-size:1px; overflow:hidden; display:block; background:#b3d465; border-right:2px solid #b3d465; border-left:2px solid #b3d465; margin:0 3px;}.b3 {height:1px; font-size:1px; overflow:hidden; display:block; background:#b3d465; border-right:1px solid #b3d465; border-left:1px solid #b3d465; margin:0 2px;}.b4 {height:2px; font-size:1px; overflow:hidden; display:block; background:#b3d465; border-right:1px solid #b3d465; border-left:1px solid #b3d465; margin:0 1px;}.contents { font-size:12px;font-weight:normal;color:#ffffff; display:block; background:#b3d465; border-right:1px solid #b3d465;border-left:1px solid #b3d465;padding-left:20px;padding-bottom:0px;padding-right:20px;padding-top:0px;min-height:100px;@max-height:50px;
margin:0 1px;}#top{width:300px; // 控制整個寬度}
是不是很不错呢,来仔细分析一下代码吧:
內容由以下來包住b class="b4"b class="b3"b class="b2"
b class="b1"這個站還可以自動幫你產生代碼http://www.spiffycorners.com/sc.php



.msgcontent .wsharing ul li { text-indent: 0; }



分享

Facebook
Plurk
YAHOO!


facebook yahoo msn google

沒有留言:

張貼留言