`

css3常见应用-分页-20180520

分页 
阅读更多
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
ul.pagination {
  
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}
</style>
</head>
<body>

<h2>page</h2>
<ul class="pagination">
  <li><a href="#">«</a></li>
  <li><a href="#">1</a></li>
  <li><a class="active" href="#">2</a></li>
  <li><a href="#">3</a></li>
  <li><a href="#">4</a></li>
  <li><a href="#">5</a></li>
  <li><a href="#">6</a></li>
  <li><a href="#">7</a></li>
  <li><a href="#">»</a></li>
</ul>

</body>
</html>

1 分页采用ul和li，display: inline 在一行中
2 里面内嵌href
3  text-decoration: none; 去掉下划线
分享到：
| css3-常见应用-2018-5-19
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    100套css3分页效果

    在实际应用中，这100套CSS3分页效果不仅适用于博客、新闻网站，也适用于电子商务平台、论坛和各类信息丰富的网站。它们能够帮助提升网站的用户界面和用户体验，使得用户在浏览长内容时更加轻松愉快。 综上所述，...

    css,html漂亮的分页代码

    我们可以使用CSS选择器来定位我们的分页列表，并应用适当的样式。以下是一些基本的CSS样式示例： ```css .pagination { display: flex; justify-content: center; /* 居中对齐 */ } .pagination li { margin: 0...

    javascript经典特效---分页的文本显示.rar

    分页是网页设计中常见的功能，特别是在处理大量数据时，如新闻列表、产品目录等。通过分页，用户可以逐页浏览内容，而不是一次性加载所有信息，这样可以提高页面加载速度，优化用户体验。 JavaScript实现分页主要...

    24种非常漂亮的分页css样式

    在网页设计中，分页是一种常见的用户界面元素，用于处理大量数据或内容的展示，使得用户可以方便地浏览和导航。"24种非常漂亮的分页css样式"是一份资源，提供了24个独特且美观的分页设计示例，这些示例利用了CSS...

    asp.net精致--分页控件

    常见的分页控件有GridView、DataList和Repeater等，其中GridView是最常用的，因为它内置了分页功能，易于配置和使用。 二、多样式的实现 ASP.NET分页控件可以自定义样式，以适应不同设计需求。这可以通过CSS样式表...

    ----------简易分页实现--------

    在IT行业中，分页是一种常见的数据展示方式，尤其在网页应用中，用于处理大量数据时，提高用户体验。这里我们讨论的“----------简易分页实现--------”项目，它使用了前后端结合的方式，通过后端的PageHelper插件和...

    jQuery分页插件结合CSS3实现个性分页代码特效

    本教程将深入探讨如何使用jQuery分页插件与CSS3技术，来创建具有独特视觉效果的个性化分页代码特效。 首先，jQuery是一个轻量级的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及Ajax交互。在分页功能中，...

    pager-taglib分页标签

    在Java Web开发中，分页是常见的功能，用于处理大量数据的展示，提高网页加载速度，提升用户体验。`pager-taglib`是一个专为JSP页面设计的分页标签库，它简化了在JSP中实现分页的过程。下面将详细介绍`pager-taglib`...

    24款分页CSS

    在网页设计中，分页是一种常见的用户界面元素，用于处理大量数据或内容的展示，它将长内容划分为多个部分，使用户能够方便地浏览和导航。本资源提供了24款精心设计的分页CSS样式，旨在提升用户体验，增强网站的视觉...

    23款-分页-样式

    在IT行业中，分页是一种常见的用户界面设计技术，主要用于处理大量数据的展示，避免一次性加载过多内容导致页面响应变慢或内存压力增大。本资源集合包含23款不同的分页样式，适用于各种Web应用程序，尤其是那些需要...

    6款简洁漂亮的CSS3分页样式代码.zip

    本资源“6款简洁漂亮的CSS3分页样式代码.zip”提供了六种不同的纯CSS3实现的分页样式，它们以蓝色为主调，简约而不失优雅，适用于各种现代网站设计。 1. **纯CSS3的优势** CSS3不仅允许我们控制页面布局，还引入了...

    MySQL DQL - 分页查询.md

    5. **实际应用案例**：通过具体示例来理解分页查询的实际应用。 #### 分页查询概念 分页查询是指在数据库查询结果较多的情况下，按一定规则将其分割成多个部分展示的技术。这种技术不仅能够提升用户界面的响应速度...

    超漂亮的css 分页

    以下是一些关键的CSS知识点，可以从"25种非常漂亮的分页css样式"中学习和应用： 1. **基本结构**：首先，你需要一个HTML结构来承载分页元素。这通常包括`&lt;ul&gt;`列表，其中包含多个`&lt;li&gt;`列表项，每个列表项代表一个...

    css3折角分页样式代码

    **CSS3折角分页样式代码详解** 在网页设计中，分页是常见的导航元素，用于分割大量内容并提供逐页浏览的体验。随着技术的发展，CSS3的引入为网页设计带来了许多新的可能性，其中包括创建丰富的视觉效果。本篇文章将...

    结合CSS3实现的jQuery分页插件.zip

    本教程将探讨如何利用CSS3和jQuery技术创建一个高效、美观的分页插件。我们将深入研究HTML5的基础结构，jQuery的选择器、事件处理和DOM操作，以及CSS3的新特性，如过渡、动画和伪类。 首先，HTML5提供了一些新的...

    JS分页控件+CSS样式

    本文将详细介绍JavaScript（JS）实现的分页控件及其与CSS样式的结合应用。 一、JS分页控件的基本原理 JS分页控件主要是通过JavaScript来动态生成分页按钮，并处理用户点击分页按钮时的事件，以实现页面内容的切换。...

    精选多款DIV+CSS分页样式源码

    在网页设计中，分页是一种常见的用户界面元素，用于处理...通过学习和应用这个资源包中的源码，开发者可以提升自己的CSS技能，创建出富有个性且功能完善的分页系统，同时也能更好地理解和实践网页设计中的最佳实践。

    简洁的纯CSS3红色分页样式代码

    **CSS3分页样式设计详解** 在网页设计中，分页是常见的导航元素，用于将大量内容分成多个页面，提供良好的用户体验。本篇将详细解析一款基于CSS3的红色主题分页样式的实现方法，这款样式在Bootstrap分页的基础上...

    100套CSS3分页效果

    首先，让我们了解一下CSS3在分页设计中的应用。CSS3引入了新的选择器、伪类、边框和背景属性，以及过渡、动画和变换等特效，这些都为分页设计带来了无限可能。例如，你可以使用`:hover`伪类来实现鼠标悬停时的动态...

Magicbox
Global site tag (gtag.js) - Google Analytics