最简单的圆角列表，圆角看起来还是好看

2024-04-27 15:16:43

字体：大中小

来源：转载

供稿：网友

显示效果如下：<!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">        列表标题    </div>	<a href="#">列表项目</a>	<a href="#">列表项目</a>	<a href="#">列表项目</a>	<a href="#">列表项目</a>	<a href="#">列表项目</a>	<a href="#">列表项目</a></div></body></html>