好看的DIV

最新推荐文章于 2019-08-27 14:23:50 发布
最新推荐文章于 2019-08-27 14:23:50 发布
阅读量1.6k 收藏
点赞数
分类专栏： 软件开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Metal1/article/details/30468105
版权

 <html>
 <head>
 <title>Colors</title>
 <style type="text/css">
 body{
 margin:20px;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size:12px;
 }
 .style1{
 width: 800px;
 height: 100px;
 margin: 0px auto;
 margin-bottom:20px;
 border:1px solid #96C2F1;
 background-color: #EFF7FF
 }
 .style1 h5{
 margin: 1px;
 background-color: #B2D3F5;
 height: 24px;
 }
  
 .style2{
 width: 800px;
 height: 100px;
 margin: 0px auto;
 margin-bottom:20px;
 border:1px solid #9BDF70;
 background-color: #F0FBEB
 }
 .style2 h5{
 margin: 1px;
 background-color: #C2ECA7;
 height: 24px;
 }
  
 .style3{
 width: 800px;
 height: 100px;
 margin: 0px auto;
 margin-bottom:20px;
 border:1px solid #BBE1F1;
 background-color: #EEFAFF
 }
  
 .style4{
 width: 800px;
 height: 100px;
 margin: 0px auto;
 margin-bottom:20px;
 border:1px solid #CCEFF5;
 background-color: #FAFCFD
 }
  
 .style5{
 width: 800px;
 height: 100px;
 margin: 0px auto;
 margin-bottom:20px;
 border:1px solid #FFCC00;
 background-color: #FFFFF7
 }
  
 .style6{
 width: 800px;
 height: 100px;
 margin: 0px auto;
 margin-bottom:20px;
 border:1px solid #92B0DD;
 background-color: #FFFFFf
 }
 .style6 h5{
 margin: 1px;
 background-color: #E2EAF8;
 height: 24px;
 }
  
 .style7{
 width: 800px;
 height: 100px;
 margin: 0px auto;
 margin-bottom:20px;
 border:1px solid #A9C9E2;
 background-color: #E8F5FE
 }
  
 .style8{
 width: 800px;
 height: 100px;
 margin: 0px auto;
 margin-bottom:20px;
 border:1px solid #E3E197;
 background-color: #FFFFDD
 }
  
 .style9{
 width: 800px;
 height: 100px;
 margin: 0px auto;
 margin-bottom:20px;
 border:1px solid #ADCD3C;
 background-color: #F2FDDB
 }
  
 .style10{
 width: 800px;
 height: 100px;
 margin: 0px auto;
 margin-bottom:20px;
 border:1px solid #F8B3D0;
 background-color: #FFF5FA
 }
  
 .style11{
 width: 800px;
 height: 100px;
 margin: 0px auto;
 margin-bottom:20px;
 border:1px solid #D3D3D3;
 background-color: #F7F7F7
 }
  
 .style12{
 width: 800px;
 height: 100px;
 margin: 0px auto;
 margin-bottom:20px;
 border:1px solid #BFD1EB;
 background-color: #F3FAFF
 }
  
 .style13{
 width: 800px;
 height: 100px;
 margin: 0px auto;
 margin-bottom:20px;
 border:1px solid #FFDD99;
 background-color: #FFF9ED
 }
  
 .style14{
 width: 800px;
 height: 100px;
 margin: 0px auto;
 margin-bottom:20px;
 border:1px solid #CACAFF;
 background-color: #F7F7FF
 }
  
 .style15{
 width: 800px;
 height: 100px;
 margin: 0px auto;
 margin-bottom:20px;
 border:1px solid #A5B6C8;
 background-color: #EEF3F7
 }
 .style16{
 width: 800px;
 height: 100px;
 margin: 0px auto;
 margin-bottom:20px;
 border:1px solid #CEE3E9;
 background-color: #F1F7F9
 }
  
 .style17{
 width: 800px;
 height: 100px;
 margin: 0px auto;
 margin-bottom:20px;
 border:1px solid #CAE3FF;
 background-color: #F4F9FF
 }
  
 .style18{
 width: 800px;
 height: 100px;
 margin: 0px auto;
 margin-bottom:20px;
 border:1px solid #C9D9EE;
 background-color: #ECF8FF
 }
  
 .style19{
 width: 800px;
 height: 100px;
 margin: 0px auto;
 margin-bottom:20px;
 border:1px solid #5C9CC0;
 background-color: #F2FAFF
 }
  
 h5{color:#CCCCCC;margin-left:680px}
 a{color:#CCCCCC;text-decoration:none}
 a:hover{color:#666666;text-decoration:underline}
 </style>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
 <body>
 <div class="style1"><h5>Title</h5></div>
 <div class="style2"><h5>Title</h5></div>
 <div class="style6"><h5>Title</h5></div>
 <div class="style3"></div>
 <div class="style4"></div>
 <div class="style5"></div>
 <div class="style7"></div>
 <div class="style8"></div>
 <div class="style9"></div>
 <div class="style10"></div>
 <div class="style11"></div>
 <div class="style12"></div>
 <div class="style13"></div>
 <div class="style14"></div>
 <div class="style15"></div>
 <div class="style16"></div>
 <div class="style17"></div>
 <div class="style18"></div>
 <div class="style19"></div>
 </body>
 </html>
 

天一生水water
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
几款好看的div+css模板
10-16
这是我在网上收集的几款好看的div+css模板，欢迎大家拿去使用
漂亮的div弹出窗口样式
10-29
一个漂亮的div弹出窗口样式 解压后双击html页面即可
DIV样式汇总
yzh54ak的专栏
08-28 1975
DIV样式汇总  DIV样式汇总 最近在学习JavaScript，在做到个要控制控件样式的例子时，突然有了把常用样式汇总一下的想法，于是乎就写了以下内容，以下是以div为例来汇总的，希望对大家有些帮助。   一、常用属性： 1、Height:设置DIV的高度。 2、Width:设置DIV的宽度。 例：
几种div框集合
Yugoup的博客
06-26 286
几种div框集合 前言： 因为项目需要，从网上找了些div框的样式，在这里集合记录一下，方便下次使用 基础点 <p style=border-style:none>无边框</p> <p style=border-style:dotted>点线式边框</p> <p style=border-style:dashed>破折线式...
日本常用div彩虹块
束负肉丸子的博客
03-02 332
.color-line{     background: #f7f9fa;     height: 6px;     background-image: -webkit-linear-gradient(left, #34495e, #34495e 25%, #9b59b6 25%, #9b59b6 35%, #3498db 35%, #3498db 45%, #62cb
CSS写的各种好看的层颜色
03-10 805
      web2.0 color  type="text/css">  body{ margin:20px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px;
div漂亮样式
gaobing1106的专栏
06-26 2324
效果演示   效果演示   效果演示   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 p {   padding: 5px 10px;   margin: 10px;   ba
几种常见的DIV边框样式
09-24 1480
<br />head><br /><body><br />  <p style=border-style:none>无边框</p><br />  <p style=border-style:dotted>点线式边框</p><br />  <p style=border-style:dashed>破折线式边框</p><br />  <p style=border-style:solid>直线式边框</p><br />  <p style=border-style:double>双线式边框</p><br /> 
css写特好看边框
荆轲刺秦王
08-27 745
html代码： <div class="modal-box"> <!--左上边框--> <div class="t_line_box"> <i class="t_l_line"></i> <i class="l_t_line"></i> </di...
DIV样式
逆天骚年的博客
08-26 566
span a b strong u i等标签均为行内元素 行内元素可以通过display:block;以块元素方式显示 div h1 p li等标签均为块元素 默认具有padding margin等属性 div标签的作用是用来整体布局，划分区块，但是不宜应用到具体元素上，会降低工作效率，使后期的修改十分麻烦 div水平居中: div{width:960; margin:0px auto;}
DIV+CSS漂亮的样式
08-12
几款不错的DIV+CSS样式 里面有3D按钮 层模拟窗口移动
漂亮div层 精美div层
12-10
非常清爽的div层，漂亮div层 精美div层
好看的DIV弹出层
09-25
好看的DIV弹出层
DIV+CSS模板非常好看
03-10
DIV+CSS模板，很有价值的一套模版库，初学者可以看看
淡色简洁单页div模板
04-02
淡色简洁单页div模板
javascript 通过封装div方式弹出div窗体
10-29
废话少说，此js对象是通过封装页面上的div，将其弹出，可以弹出多个，参考了一些高人代码，达到我要的效果。先看看效果图。配合一css就可以很好看了。
AXX_AIAPI-1.0.5-py3-none-any.whl.zip
最新发布
04-15
AXX_AIAPI-1.0.5-py3-none-any.whl.zip
Acquisition-4.12-cp310-cp310-manylinux_2_5_i686.whl.zip
04-15
Acquisition-4.12-cp310-cp310-manylinux_2_5_i686.whl.zip
Acquisition-4.13-cp37-cp37m-manylinux_2_5_x86_64.whl.zip
04-15
Acquisition-4.13-cp37-cp37m-manylinux_2_5_x86_64.whl.zip
好看的htmldiv边框
04-03
以下是一些好看的 HTML div 边框样式： 1. 实线边框 ``` div { border: 2px solid #ccc; } ``` 2. 虚线边框 ``` div { border: 2px dashed #ccc; } ``` 3. 圆角边框 ``` div { border: 2px solid #ccc; ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值