2011年9月5日 星期一

CSS的彈性寬度按鈕和float:center效果

306461_2283578818739_2075491_n

以前要使用圓角邊框的時候需要花很多的工,雖然後來CSS支援border-radius屬性,但如果要做比較複雜的背景,還是需要用到原本圓角邊框的做法,這個是用float的方法做出可以彈性延展的原角按鈕。
<a class="s_button" href="#"><span>Cancel</span></a>
之後對a跟span元素套用css就可以了。

另外如果希望像這樣的按鈕群可以置中,我們可以稱他為float:center,只要善用position:relative就可以達成我們要的效果。
#dialog{
position:relative;
}
#content{
position:relative;
float:left;
left:50%;
}
a.s_button {
position:relative;
right:50%;
float: right;
}


觀看效果
反應:

0 意見:

Related Posts Plugin for WordPress, Blogger...