css 实例CSS+DIV的代码

CSS+DIV的代码

这是CSS代码

body { font-family: Verdana; font-size: 12px; line-height: 1.5; }

定义网页的body部分

字体为 Verdana，字号为 12像素，行高为 1.5

a { color: #000; text-decoration: none; }

定义所有超链接  颜色为 #000(黑色), 没有下划线

a:hover { color: #F00; }

定义所有 点击过的超链接颜色 为  #F00

#menu { width: 100px; border: 1px solid #CCC; }

定义 ID为 menu的部分  宽度为 100像素，1像素的#CCC色边框

#menu ul { list-style: none; margin: 0px; padding: 0px; }

定义 menu中的 ul   样式为none(没有样式), 外边距为 0像素，内边距为0像素

#menu ul li { background: #eee; padding: 0px 8px; height: 26px; line-height: 26px; border-bottom: 1px solid #CCC}

menu ul 中的 li标签。

背景颜色 #eee

内边距，上下为0 左右为8像素

高度为 26像素，行高为 26像素

边框1像素边框颜色为#CCC