div css創(chuàng)意的熱門品牌圖標(biāo)布局代碼

使用方法：

1、head引入css文件

<link rel="stylesheet" href="css/style.css" />

2、body引入HTML代碼

<div class="hotSaleBrand">

    <div class="cityColumnWarp clearfix">
	
		<div class="hotSaleBrand-box">
			<ul>
				<li>
					<a class="loadbg" href="#">
						<img src="img/T1ewYQBjLj1RCvBVdK.jpg" alt="海爾">
						<span>海爾</span>
					</a>
				</li>
				<li>
					<a class="loadbg" href="#">
						<img src="img/T1o9b_BCET1RCvBVdK.png" alt="西門子">
						<span>西門子</span>
					</a>
				</li>
				<li class="hotSaleBrand-middleIteam">
					<a class="loadbg" href="#">
						<img src="img/T15oYgBChT1RCvBVdK.png" alt="美的">
						<span>美的</span>
					</a>
				</li>
				<li>
					<a class="loadbg" href="#">
						<img src="img/T1ZoxgBCCT1RCvBVdK.jpg" alt="三星">
						<span>三星</span>
					</a>
				</li>
				<li>
					<a class="loadbg" href="#">
						<img src="img/T1YwLQBChT1RCvBVdK.png" alt="三洋">
						<span>三洋</span>
					</a>
				</li>
			</ul>
		</div>
		
		<div class="hotSaleBrand-box hotSaleBrand-box-right">
			<ul>
				<li>
					<a class="loadbg" href="#">
						<img src="img/T19HEjBCJT1RCvBVdK.png" alt="小天鵝">
						<span>小天鵝</span>
					</a>
				</li>
				<li>
					<a class="loadbg" href="#">
						<img src="img/T1OSEjBCZT1RCvBVdK.jpg" alt="博世">
						<span>博世</span>
					</a>
				</li>
				<li class="hotSaleBrand-middleIteam">
					<a class="loadbg" href="#">
						<img src="img/T1o9b_BCYT1RCvBVdK.jpg" alt="國(guó)美">
						<span>國(guó)美</span>
					</a>
				</li>
				<li>
					<a class="loadbg" href="#">
						<img src="img/T1BUZTByKT1RCvBVdK.png" alt="松下">
						<span>松下</span>
					</a>
				</li>
				<li>
					<a class="loadbg" href="#">
						<img src="img/T1toLTBXCT1RCvBVdK.jpg" alt="卡薩帝">
						<span>卡薩帝</span>
					</a>
				</li>
			</ul>
		</div>
		
	</div>
	
	<dl class="edit-mode">
		<dt>更多熱賣品牌</dt>
		<dd><a href="#">韓電</a></dd>
		<dd><a href="#">海信</a></dd>
		<dd><a href="#">創(chuàng)維</a></dd>
		<dd><a href="#">榮事達(dá)</a></dd>
		<dd><a href="#">小鴨</a></dd>
		<dd><a href="#">LG</a></dd>
	</dl>
    
</div><!--END-->