比如做这样的小圆圈(红色方框内):
html和css该如何写:
html: <p> <span class="current"></span> <span></span> <span></span> <span></span> <span></span> <span></span> </p> css: p span { padding: 2px 9px; background: #CCC; border-radius: 50%; margin-left: 5px; cursor: pointer; } p span.current { background:#F90; }
其中padding的设置使得span内部占有空位,填充背景色。margin不包含背景色。
时间: 2024-10-07 07:36:55