css 友情链接效果,CSS实例css横向列表可用于友情链接制作实例（原创）.doc

CSS实例css横向列表可用于友情链接制作实例(原创)

CSS实例：css横向列表可用于友情链接制作实例(原创)

本文《CSS实例》继续是学习(52文章网)的模板设计风格，此实例的使用可以用作分组列表和友情链接的使用中，请在站长地带学习的朋友触类旁通。

效果图如下：

?

HTML代码如下：

??

??????? ?

??????????? ?

??????????????? ?

自选分组

???????????????

??????????? ?

??????????????? 站长地带 张晓溪经典语录 作文 作文 作文 作文 作文 作文 作文 张晓溪经典语录 张晓溪经典语录 作文 作文 作文 作文 作文 作文 作文 作文 作文 作文 作文 作文 作文 张晓溪经典语录 张晓溪经典语录 张晓溪经典语录 张晓溪经典语录 张晓溪经典语录 张晓溪经典语录 张晓溪经典语录 张晓溪经典语录 张晓溪经典语录 张晓溪经典语录 张晓溪经典语录 张晓溪经典语录 张晓溪经典语录 张晓溪经典语录 张晓溪经典语录 张晓溪经典语录 张晓溪经典语录 张晓溪经典语录???????????????????????????????

???????????????????????

???????

?

CSS代码如下：

??.fenzu{?padding:20px 0;?background:#FFF;?border:1px solid #dadada;?clear:both;?overflow:hidden;?margin-bottom:10px;?}.fenzu1{?margin:0 auto;?width:94%;?}.fenzu11{?border-bottom: 1px solid #EFECE8;?height:40px;??}.fenzu11 h2{??? float: left;??? font-size: 16px;??? font-weight:100;??? height: 40px;??? width: 175px;}.fenzu22{?clear:both;?width:100%?}.fenzu22 a{?line-height:28px;?padding-right:10px;??}? 部分代码不理解的，可以参照：/article-283-1.html?这篇《CSS实例列表：两排新闻列表的制作》也是参照的实例，和这边《CSS列表实例》是一起的。

站长地带：