顯示效果如下:<!DOCTYPE html><html><head><meta charset="utf-8"><style>.panel { background-color: #fff; border: 1px solid #ddd; border-radius: 5px; overflow: hidden;}.panel .head { color: #333; background-color: #f5f5f5; border-color: #ddd;}.panel .head { padding: 10px 15px; border-top-left-radius: 5px; border-top-right-radius: 5px;}.panel a{ position: relative; display: block; padding: 10px 15px; background-color: #fff; border-top: 1px solid #ddd;}</style></head><body><div class="panel"> <div class="head"> 列表標(biāo)題 </div> <a href="#">列表項(xiàng)目</a> <a href="#">列表項(xiàng)目</a> <a href="#">列表項(xiàng)目</a> <a href="#">列表項(xiàng)目</a> <a href="#">列表項(xiàng)目</a> <a href="#">列表項(xiàng)目</a></div></body></html>
|
新聞熱點(diǎn)
疑難解答
圖片精選