123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687 | ```
lol /* 清除网页的默认间距 */ *{ margin: 0; padding: 0; } .banner{ width: 820px; height: 380px; } .banner_img{ width: 820px; height: 340px; /* 超出部分隐藏 */ overflow: hidden; } .banner_img ul{ width: 4100px; } .banner_img ul li{ list-style: none; float: left; } .banner_img ul li img{ /* 取消图片自带隐形间距 */ display: block; } .banner_nav{ width: 820px; height: 40px; } .banner_nav ul li{ /* 清除li的列表符号 */ list-style: none; float: left; width: 164px; height: 40px; /* 字号设置成14px */ font-size: 14px; /* 文字水平垂直都居中 */ text-align: center; line-height: 40px; background-color: #e3e2e2; } .banner ul .active{ background-color: white; color: #ab8e66; border-bottom: 2px solid #cea861; height: 38px; }
| :-------------------------------------------------------------------------------------------------------------------------------------------------------------------: | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
