最近看到愈來愈多人的plurk對話框的樣式變成圓型的,像是這樣:

 

image

稍微研究了一下這是怎麼寫的,大概是這樣:

(加在CSS最下面)

.plurk_cnt {-moz-border-radius: 1px 11px 1px 11px;
-webkit-border-top-right-radius: 11px;
-webkit-border-bottom-left-radius: 11px; } 

.qualifier, .m_qualifier, .segment-content, .dots.inner, #emoticon_selecter, #updater {
-moz-border-radius: 1px 9px 1px 9px ;
padding-left: 6px;
padding-right: 5px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px; }

注意:

這個只有在Firefox下看才有效果。

bshadow 發表在 痞客邦 PIXNET 留言(0) 人氣()