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