以前在看牛腩做圓角框時感覺好神奇，但一直沒有實現，最近自己做了個網上鮮花銷售系統，自嘆後台介面做得太難看，所有決定做個可變寬度的圓角框，在谷歌瀏覽器修改了好久，後來才發現時margin-top 和margin-bottom 要設定為0。。。。下面這圖是做好的了：
前台**：
**<
div id="
menu
"class="
round2
">
<
h3>
常用操作
h3>
<
div
class="
con"
>
<
p><
a href="
warekind.aspx
"target="
main
">
鮮花分類
a>
p>
<
p><
a href="
#">
站內資訊管理
a>
p>
<
p><
a href="
goodsfangshi.aspx
"target="
main
">
付款及送貨方式
a>
<
p>
<
a href="
createadmin.aspx
"target="
main
">
使用者管理
a>
p>
<
p><
a href="
showware.aspx
"target="
main
">
鮮花新增
a>
p>
<
p><
a href="
wareguanli.aspx
"target="
main
">
鮮花管理
a>
p>
<
p>
<
a href="
../default.aspx
"target="
main
">
訪問主頁
a>
p>
div>
<
div
class="
footer
">
<
p>
p>
div>
div>
css**：
**/*
***********做個圓角************
*/.round2
.round2 h3
.con
.con a
.footer
.footer p
#menu
#menu .con
製作圓角矩形框（可改變寬度）
首先用photoshop新建乙個寬300px,高30px的畫布，透明 製作成此影象 儲存。通過旋轉畫布分別製出其他三個角。製作原理如圖 具體步驟 然而，現實是殘酷的，我的學習並不那麼盡人意，我的未來能那麼好嗎？我在懷疑著，我的心裡也漸漸陰暗起來。特別是踏上初三的漫漫征程後，青春期的叛逆性就日益在我的...
圓角自適應寬度按鈕的css實現
圓角自適應寬度按鈕的css實現 有時候我們需要乙個鏈結看上去像按鈕，所以就需要用到block屬性，如果要幾個按鈕併排或者需要和其他文字混排的時候，inline block就可以很好的解決這個問題。只是不是所有人都響應了mozilla的號召把firefox公升級到了3.0。遺憾的是，firefox2不...
超圓滑圓角框的半完美解決方案
圓角框，因為其樣式比直角框漂亮，所以成為設計師心中偏愛的設計元素。現在的web標準下大量的網頁 部落格都採用圓角框設計，成為一道亮麗的風景線。然而，就是這個圓角，卻成為了網頁前端人員心中永遠抹之不去的陰影，對它，可以說是又痛又愛。愛的是它的漂亮，痛的是要讓它相容通行於各種不同的瀏覽器卻成為乙個永遠的...