18禁黄无遮挡免费网站动漫_日本 欧美 亚洲 另类_91sex国产_免费h在线观看视频网站

重慶網絡公司：網站建設專家教您如何通過DIV+CSS實現(xiàn)圓角邊框

天蠶編者語：我們在給企業(yè)建網站時，我們?yōu)榱藢崿F(xiàn)最佳的或合適的視覺效果，我們總是采用一些特殊效果或者采用漂亮的特效，可是這些效果，在我們網頁設計稿子進行轉換成HTML代碼時，為會是一個難題，因為DIV它的自我實現(xiàn)一些作圖軟件的特效是很吃力甚至是無法實現(xiàn)，并且，它讓網頁變得非常“重”，瀏覽者在打開網頁時變得非常緩慢，為此，一個優(yōu)秀的網頁制作人員或公司，都總是從各個角度去考慮網站制作時帶來的因素。而通過DIV+CSS實現(xiàn)圓角邊框的效果，就由其的重要了。

下面我們來看看通過DIV+CSS實現(xiàn)圓角邊框的效果

上面這個范圖就是最基本的圓角框，無圖片，四個圓角全部采用標簽繪制，兼容所有瀏覽器，無HACK，使用時只需添加一個class = " color1 "即可，下面的所有顏色方案你可以靈活自定義。

下面我們來看看，實現(xiàn)這個圓角邊框的代碼是如何寫成的：

*{margin:0;padding:0;font-size:12px;}
.wrapper{width:80%;margin:0 auto;}
/*通用樣式--容器寬度值*/
.sharp{width:30%;margin:20px auto 0;float:left;margin-right:2%;}
.sharp .content div{padding:10px;text-indent:2em;}
.content{height:180px;}
h3{height:29px;line-height:29px;font-size:12px;text-indent:10px;}
a:link,a:visited{color:#999;font-weight:bold; text-decoration:none;}
a:hover{text-decoration:none; border-bottom:1px orange solid;color:orange;}

/*上圓角框通用設置樣式，如果要運用多個不同顏色，以下6句不用重新變化--------------------------------*/
.b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8{height:1px; font-size:1px; overflow:hidden; display:block;}
.b1,.b8{margin:0 5px;}
.b2,.b7{margin:0 3px;border-right:2px solid; border-left:2px solid;}
.b3,.b6{margin:0 2px;border-right:1px solid; border-left:1px solid;}
.b4,.b5{margin:0 1px;border-right:1px solid; border-left:1px solid; height:2px;}
.content {border-right:1px solid;border-left:1px solid;overflow:hidden;}

如果這些代碼你看不懂的哈，這里有源代碼下載文件，提供學習者下載研習。

重慶網絡公司http://www.eduzjs.com