Skip to content

Instantly share code, notes, and snippets.

@fxxkscript
Created December 19, 2012 04:45
Show Gist options
  • Save fxxkscript/4334436 to your computer and use it in GitHub Desktop.
Save fxxkscript/4334436 to your computer and use it in GitHub Desktop.
手机品牌专区
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Document</title>
<style>
.brand_zone {
height: 25px;
}
.brand_zone_link {
background: url(http://tc-im-nrd307.tc.baidu.com:8287/brand/[email protected]) repeat scroll 0 0;
background-size: 1px 25px;
height: 25px;
line-height: 25px;
text-align: center;
display: inline-block;
overflow: hidden;
}
.brand_zone_phone {
font-size: 13px;
color: #174BAC;
padding-right: 15px;
margin-left: 26px;
display: block;
background: url(http://tc-im-nrd307.tc.baidu.com:8287/brand/[email protected]) no-repeat scroll right 0;
background-size: 7px 25px;
white-space: nowrap;
}
.brand_zone_text {
font-size: 11px;
color: #ACACAC;
}
.brand_zone_icon {
display: inline-block;
background: url(http://tc-im-nrd307.tc.baidu.com:8287/brand/[email protected]) no-repeat scroll 0 0;
background-size: 26px 25px;
width: 26px;
height: 25px;
margin-right: 6px;
float: left;
}
</style>
</head>
<body>
<div class="brand_zone">
<a href="#" class="brand_zone_link"><i class="brand_zone_icon"></i><span class="brand_zone_phone">品牌热线400-801-2376</span></a>
<span class="brand_zone_text">&lt; 点击咨询</span>
</div>
<div class="brand_zone">
<a href="#" class="brand_zone_link"><i class="brand_zone_icon"></i><span class="brand_zone_phone">品牌热线400-801</span></a>
<span class="brand_zone_text">&lt; 点击咨询</span>
</div>
<div class="brand_zone">
<a href="#" class="brand_zone_link"><i class="brand_zone_icon"></i><span class="brand_zone_phone">自适应你妹啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</span></a>
<span class="brand_zone_text">&lt; 点击咨询</span>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment