1. 程式人生 > >css美化Div邊框的樣式例項*(轉載) css美化Div邊框的樣式例項

css美化Div邊框的樣式例項*(轉載) css美化Div邊框的樣式例項

css美化Div邊框的樣式例項

 

很多時候如果不是用了很多樣式,很難把邊框修飾得好看,看了一篇博文,覺得真的挺漂亮,也挺好看。

轉載的博文地址

 將這段美化的css程式碼

border:1px solid #96c2f1;background:#eff7ff

應用到div中,

<div style="padding:8px;border:1px solid #96c2f1;background:#eff7ff">&nbsp;border:1px solid #96c2f1;background:#eff7ff</div>

效果如下。

 border:1px solid #96c2f1;background:#eff7ff

   以下還有十個示例。

 border:1px solid #9bdf70;background:#f0fbeb

   

 border:1px solid #bbe1f1;background:#eefaff

   

 border:1px solid #cceff5;background:#fafcfd

   

 border:1px solid #ffcc00;background:#fffff7

   

 border:1px solid #cee3e9;background:#f1f7f9

   

 border:1px solid #a9c9e2;background:#e8f5fe

   

 border:1px solid #e3e197;background:#ffffdd

   

 border:1px solid #adcd3c;background:#f2fddb

   

 border:1px solid #bfd1eb;background:#f3faff

   

 border:1px solid #a5b6c8;background:#eef3f7

 不是說多麼複雜,而是配色的確好看,嘻嘻。

貴有恆何必三更眠五更起,最無益只怕一日曝十日寒。

很多時候如果不是用了很多樣式,很難把邊框修飾得好看,看了一篇博文,覺得真的挺漂亮,也挺好看。

轉載的博文地址

 將這段美化的css程式碼

border:1px solid #96c2f1;background:#eff7ff

應用到div中,

<div style="padding:8px;border:1px solid #96c2f1;background:#eff7ff">&nbsp;border:1px solid #96c2f1;background:#eff7ff</div>

效果如下。

 border:1px solid #96c2f1;background:#eff7ff

   以下還有十個示例。

 border:1px solid #9bdf70;background:#f0fbeb

   

 border:1px solid #bbe1f1;background:#eefaff

   

 border:1px solid #cceff5;background:#fafcfd

   

 border:1px solid #ffcc00;background:#fffff7

   

 border:1px solid #cee3e9;background:#f1f7f9

   

 border:1px solid #a9c9e2;background:#e8f5fe

   

 border:1px solid #e3e197;background:#ffffdd

   

 border:1px solid #adcd3c;background:#f2fddb

   

 border:1px solid #bfd1eb;background:#f3faff

   

 border:1px solid #a5b6c8;background:#eef3f7

 不是說多麼複雜,而是配色的確好看,嘻嘻。