随身笔记
随身笔记

css标签展示

https://sdeno.com/wp-content/uploads/2013/07/biaoqian.png

[code]<!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″ />
<title>无标题文档</title>
<style>
body {
font: 12px “宋体”,”Arial Narrow”,HELVETICA;
}
*{
margin:0;
padding:0;
}
.d4eabb {
border-color: #d4eabb;
}
.bor {
border: 1px solid #ceddf1;
border-top: 0px;
}
.pad {
padding: 10px 14px;
}
.bd .cf {
padding-bottom: 17px;
line-height: 23px;
}
.bd .noPadding {
padding-bottom: 0px;
}
.bd .cf {
padding-bottom: 17px;
line-height: 23px;
}
.bd label {
display: inline-block;
background: #92c55c;
padding-left: 10px;
padding-right: 3px;
color: #fff;
vertical-align: top;
font-weight: bold;
margin-top: 2px;
}
.bd span {
display: inline-block;
width: 205px;
margin-left: 5px;
}
.bd span a {
padding: 1px 0;
}
a {
text-decoration: none;
}
.bd span a:hover {
background: #ffdd69;
color: #333;
}
</style>
</head>

<body>
<div class=”bd pad” bosszone=”diyBd”>
<div class=”cf”>
<label>户型 &gt; </label>
<span>
<a href=”http://www.xx.com/diy/property/open/single/” target=”_blank”>单房</a> |
<a href=”http://www.xx.com/diy/property/open/twoBedRoom/” target=”_blank”>两居室</a> |
<a href=”http://www.xx.com/diy/property/open/threeBedRoom/” target=”_blank”>三居室</a> |
<a href=”http://www.xx.com/diy/property/open/fourBedRoom/” target=”_blank”>四居室</a> |
<a href=”http://www.xx.com/diy/property/open/compound/” target=”_blank”>复式</a> |
<a href=”http://www.xx.com/diy/property/open/villadom/” target=”_blank”>别墅</a> </span> </div>
<div class=”cf”>
<label>区域 &gt; </label>
<span>
<a href=”http://www.xx.com/diy/property/area/parlour/” target=”_blank”>客厅</a> |
<a href=”http://www.xx.com/diy/property/area/restaurant/” target=”_blank”>餐厅</a> |
<a href=”http://www.xx.com/diy/property/area/kitchen/” target=”_blank”>厨房</a> |
<a href=”http://www.xx.com/diy/property/area/bedchamber/” target=”_blank”>卧房</a> |
<a href=”http://www.xx.com/diy/property/area/sanctum/” target=”_blank”>书房</a> |
<a href=”http://www.xx.com/diy/property/area/toilet/” target=”_blank”>卫生间</a> |
<a href=”http://www.xx.com/diy/property/area/babyRoom/” target=”_blank”>儿童房</a> </span> </div>
<div class=”cf”>
<label>风格 &gt; </label>
<span>
<a href=”http://www.xx.com/diy/property/style/brief/” target=”_blank”>简约</a> |
<a href=”http://www.xx.com/diy/property/style/classicality/” target=”_blank”>古典</a> |
<a href=”http://www.xx.com/diy/property/style/gardenCity/” target=”_blank”>田园</a> |
<a href=”http://www.xx.com/diy/property/style/mediterranean/” target=”_blank”>地中海</a> |
<a href=”http://www.xx.com/diy/property/style/modern/” target=”_blank”>现代</a> |
<a href=”http://www.xx.com/diy/property/style/chinese/” target=”_blank”>中式</a> |
<a href=”http://www.xx.com/diy/property/style/continuous/” target=”_blank”>美式</a> |
<a href=”http://www.xx.com/diy/property/style/eustachian/” target=”_blank”>欧式</a> </span> </div>
<div class=”cf noPadding”>
<label>预算 &gt; </label>
<span>
<a href=”http://www.xx.com/diy/property/budget/fiveMyriad/” target=”_blank”>5万以下</a> |
<a href=”http://www.xx.com/diy/property/budget/fifteen/” target=”_blank”>5-15万</a> |
<a href=”http://www.xx.com/diy/property/budget/fifty/” target=”_blank”>15-25万</a> |
<a href=”http://www.xx.com/diy/property/budget/thirtyfold/” target=”_blank”>25-35万</a> |
<a href=”http://www.xx.com/diy/property/budget/bigNumber/” target=”_blank”>35-50万</a> |
<a href=”http://www.xx.com/diy/property/budget/superstate/” target=”_blank”>50万以上</a> </span> </div>
</div>
</body>
</html>[/code]

随身笔记

css标签展示
[code]<!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/…
扫描二维码继续阅读
2013-07-16