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

 不是说多么复杂，而是配色的确好看，嘻嘻。