我的基础css网站页码设计

1. 基础页码效果

下面的代码是上图效果的基础样式设计；为了保持浏览器兼容性，最好设置a的display样式为inline-block；后续可以为页码添加点击事件。

2. 参考源码

<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>页码的制作</title><style>/*在此定义相关CSS样式*/.page{height:40px;margin:20px;text-align:center;}a:link,a:visited{display:inline-block;color:#333;padding:5px 10px;margin:5px;border:1px solid #e8e8e8;text-decoration:none;}a:hover,a:active{color:#fff;background-color:#cc1b1b;}</style>
</head><body>
<!--在此制作页码的基本结构--><div class="page"><a href="#">首页</a><a href="#">&lt;</a><a href="#">1</a><a href="#">2</a><a href="#">3</a><a href="#">...</a><a href="#">&gt;</a><a href="#">末页</a></div>
</body>
</html>

我的基础css网站页码设计相关推荐

大学计算机基础教学网站
摘要大学计算机基础教学网站是一种基于互联网技术为主要手段,面向大学计算机相关专业的网络教学平台.它主要通过在线课程.课件.资源共享.互动交流.在线作业等多种形式来进行计算机基础教学的知识传递和能力培 ...
第九十三节，html5+css3移动手机端流体布局，基础CSS,头部设计,轮播设计,底部设计...
html5+css3移动手机端流体布局,基础CSS,头部设计,轮播设计,底部设计基础CSS 首先将通用css属性写好 @charset "utf-8"; /*通用样式*/ /*去 ...
web前端期末大作业(月饼美食网站) html+css+javascript网页设计实例企业网站制作...
web前端期末大作业(月饼美食网站) html+css+javascript网页设计实例企业网站制作临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手? ...
web前端期末大作业 html+css+javascript网页设计实例企业网站制作 (绿色植物网站设计)
HTML5期末大作业:绿色植物网站设计--绿色多肉盆栽植物养殖网页(6页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品 1.临近 ...
关于美食商城HTML网页设计-----在线美食订餐网站html模板源码30个页面(功能齐全) html+css+javascript网页设计实例企业网站制作...
关于美食商城HTML网页设计-----在线美食订餐网站html模板源码30个页面(功能齐全) html+css+javascript网页设计实例企业网站制作临近期末, 你还在为HTML网页设计结课 ...
HTML+CSS大作业: 抗击疫情网页制作作业_疫情防控网页设计模板HTML_ 简单学生网页设_静态HTML+CSS网站制作成品...
HTML+CSS大作业: 抗击疫情网页制作作业_疫情防控网页设计模板HTML_ 简单学生网页设计_静态HTML+CSS网站制作成品临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大 ...
web课程设计网页规划与设计—— 中西餐美食餐饮网站(10页面) html+css+javascript网页设计实例...
web课程设计网页规划与设计-- 中西餐美食餐饮网站HTML(10页面) html+css+javascript网页设计实例临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HT ...
5000套web前端期末大作业 HTML+CSS+JavaScript网页设计实例企业网站制作【建议收藏】
一.1000套HTML期末学生结课大作业作品(HTML+CSS+JS) 这8年来做了1000多套(HTML+CSS+JS)网页设计的学生期末大作业,都是给学生定制的都符合学校或者学生考试期末作业的水平 ...
Web2.0设计师工具箱,国外的一些网站制作资源，css,javascript,ajax,设计素材等
http://hi.baidu.com/sw%5Fws/blog/item/32b4237e63bbf13b0cd7da83.html Web2.0工具箱 The Web Designers Tool ...

我的基础css网站页码设计

1. 基础页码效果

2. 参考源码

我的基础css网站页码设计相关推荐

最新文章

热门文章