css制作网页页码 |css边框线性渐变

.pagination {
display: inline-block;
padding: 5px 10px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 5px;
}
.pagination a {
color: #333;
text-decoration: none;
display: inline-block;
padding: 5px 10px;
}
.pagination a.active {
background-color: #333;
color: #fff;
}

首先，大家需要创建一个包含页码的HTML元素，例如一个div或者nav元素。在这个例子中，大家使用一个class为“pagination”的div元素：

<div class="pagination">
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
</div>

接下来，大家需要为这些链接添加CSS样式。首先，大家为pagination类创建一个display属性的内联块，使得整个页码可以在同一行内显示。大家还为pagination类添加padding和border属性，使得整个页码具有一定的空白和边框。

然后，大家为每个页码链接添加样式。大家为链接添加了一个内联块display属性，使得它们可以在同一行内显示。大家为链接添加了padding和边框属性，以创建一个漂亮的按钮效果。大家还为链接添加了颜色属性，使得链接看起来更加明显。

最后，大家为当前激活的链接添加样式。大家为激活的链接添加了一个active类，以区分它们。大家为激活链接添加了背景颜色和文本颜色属性，使得它们与其他链接可以明显区分。

通过这些CSS样式，大家可以创建一个漂亮的、易于使用的网页页码。