最新消息:

前端第10款:图文带标题和简介

前端模块 杨红伟 2476浏览 0评论

描述:带图片文字与简介,这个在网站上我们经常见到,把它写成了模块了,就方便快捷了!

 

HTML代码:

<dl class="dl_list2">
	<dt><a href="#"><img src="images.jpg" alt="" border="0" height="99" width="183"></a></dt>
	<dd>
		<h2><a href="#">访临沂金瑞祥农资有限公司</a></h2>
		创新思变,发挥好蓄水池作用 淡季储存旺季销售,我们为中小型复合肥生产...
		<a href="#">[详细]</a>
	</dd>
</dl>

CSS代码:

.dl_list2{ margin:5px 0;width:390px;}
.dl_list2 dt{ float:left; width:183px;}
.dl_list2 dd{ float:right; width:200px; line-height:24px; color:#555;text-align:left;}
.dl_list2 dd h2{ text-align:left;font-size:16px;}
.dl_list2 dd a:visited,.dl_list2 dd a:link{ color:#ff0000;}
.dl_list2 dd a:hover{ text-decoration:underline;}

发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址