网页设计制作教程《五》—友情链接

1、编写link div

2、编写《友情链接》标题，用h3标签

3、编写友情链接的列表 用ul li表示

4、html就已经编写好了，先看效果

5、下面定义css，先定义友情链接 link的CSS：宽度980像素，横向居中显示

6、定义友情链接标题H3的css：字体14，高度40像素，讳求藜派背景#eee，行高40像素，颜色#AAA，右内边距15像素

7、定义列表LI的css 列表样式：无，排列方式：一条线

8、定义列表li中A链接的css 下划线无，字体12，颜色#CCC，左边距40

9、定义列表LI A链接鼠标经过样式 下划线有，颜色#ff0000

10、定义CSS 后的友情链接部分就实现了这样的效果...具体颜色和背景大家可以自己定义