# 新闻 （水平居中） ## 一般块元素不给宽 只给高 # 新闻 1个div 2个行块（h） 一个（列表 li 行块元素） |  |  | | --- | --- | ## 万金油 \*{margin:0;padding:0}li {list-style:，none ;} ## 1\. 定盒子大小 ~~~ 盒子宽高 水平居中 .box{ width:328px; height:228px; boder1px solid red; margin:100px auto; background:url(img); padding:15px;(给内边距时，（内容变大）为了盒子不变，宽高按比例减少) } box h2 { font-size: 18px; padding: 5px 0; /\*底边框思密达\*/ border- bottom: 1px solid #CCC;} ~~~ ## 定li 高 ~~~ box ul li{ height: 30px; /\*background-color: pink;\*/ border- bottom: 1px dashed #cCC; } .box ul li a{ color: #333; font-size: 12px; text - decoration: none ; } ~~~ ## 鼠标滑过 ~~~ .box ul li a: hover{ text - decoration: underline ;} ~~~