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

 不是說多么復雜,而是配色的確好看,嘻嘻。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM