边框样式

最新推荐文章于 2024-08-23 14:03:47 发布

lchyz89

最新推荐文章于 2024-08-23 14:03:47 发布

阅读量379

点赞数

分类专栏： css 文章标签： border class div xhtml c float

本文链接：https://blog.csdn.net/lchyz89/article/details/7084570

版权

css 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style tpe="text/css">

body{

 background-color:#FFF;

 font:12px verdana;

 color:#666;

}

div{

 margin:10px;

 padding:10px;

 float:left;

}

.d1{

 border:1px solid #96C2F1;

 background-color:#EFF7FF;

 width:300px;

 height:100px;

}

.d2{

 border:1px solid #9BDF70;

 background-color:#F0FBEB;

 width:300px;

 height:100px;

}

.d3{

 border:1px solid #92B0DD;

 background-color:#FFFFFF;

 width:300px;

 height:100px;

}

.d4{

 border:1px solid #BBE1F1;

 background-color:#EEFAFF;

 width:300px;

 height:100px;

}

.d5{

 border:1px solid #CCEFF5;

 background-color:#FAFCFD;

 width:300px;

 height:100px;

}

.d6{

 border:1px solid #FFCC00;

 background-color:#FFFFF7;

 width:300px;

 height:100px;

}

.d7{

 border:1px solid #A9C9E2;

 background-color:#E8F5FE;

 width:300px;

 height:100px;

}

.d8{

 border:1px solid #E3E197;

 background-color:#FFFFDD;

 width:300px;

 height:100px;

}

.d9{

 border:1px solid #ADCD3C;

 background-color:#F2FDDB;

 width:300px;

 height:100px;

}

.d10{

 border:1px solid #F8B3D0;

 background-color:#FFF5FA;

 width:300px;

 height:100px;

}

.d11{

 border:1px solid #D3D3D3;

 background-color:#F7F7F7;

 width:300px;

 height:100px;

}

.d12{

 border:1px solid #BFD1EB;

 background-color:#F3FAFF;

 width:300px;

 height:100px;

}

.d13{

 border:1px solid #FFDD99;

 background-color:#FFF9ED;

 width:300px;

 height:100px;

}

.d14{

 border:1px solid #CACAFF;

 background-color:#F7F7FF;

 width:300px;

 height:100px;

}

.d15{

 border:1px solid #A5B6C8;

 background-color:#EEF3F7;

 width:300px;

 height:100px;

}

.d16{

 border:1px solid #CEE3E9;

 background-color:#F1F7F9;

 width:300px;

 height:100px;

}

.d17{

 border:1px solid #CAE3FF;

 background-color:#F4F9FF;

 width:300px;

 height:100px;

}

.d18{

 border:1px solid #C9D9EE;

 background-color:#ECF8FF;

 width:300px;

 height:100px;

}

.d19{

 border:1px solid #5C9CC0;

 background-color:#F2FAFF;

 width:300px;

 height:100px;

}

</style>

</head>

<body>

 <div class="d1">背景色 : 边框色<br/>#EFF7FF #96C2F1</div>

 <div class="d2">#F0FBEB #9BDF70</div>

 <div class="d3">#FFFFFF #92B0DD</div>

 <div class="d4">#EEFAFF #BBE1F1</div> 

 <div class="d5">#FAFCFD #CCEFF5</div> 

 <div class="d6">#FFFFF7 #FFCC00</div> 

 <div class="d7">#E8F5FE #A9C9E2</div> 

 <div class="d8">#FFFFDD #E3E197</div> 

 <div class="d9">#F2FDDB #ADCD3C</div> 

 <div class="d10">#FFF5FA #F8B3D0</div> 

 <div class="d11">#F7F7F7 #D3D3D3</div> 

 <div class="d12">#F3FAFF #BFD1EB</div> 

 <div class="d13">#FFF9ED #FFDD99</div> 

 <div class="d14">#F7F7FF #CACAFF</div> 

 <div class="d15">#EEF3F7 #A5B6C8</div> 

 <div class="d16">#F1F7F9 #CEE3E9</div> 

 <div class="d17">#F4F9FF #CAE3FF</div> 

 <div class="d18">#ECF8FF #C9D9EE</div> 

 <div class="d19">#F2FAFF #5C9CC0</div> 

</body>

</html>

lchyz89

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
边框样式

body{ background-color:#FFF; font:12px verdana; color:#666;}div{ margin:10px; padding:10px; float:left;}.d1{ border:1px solid #96C2F1; background-color:#EFF7FF; width:300px;
复制链接

扫一扫

专栏目录