将这段美化的css代码

怎甘沉沦 提交于 2020-01-12 15:55:04

很多时候如果不是用了很多样式,很难把边框修饰得好看,看了一篇博文,觉得真的挺漂亮,也挺好看。

转载的博文地址

 将这段美化的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

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

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!