章节
问答
课签
笔记
评论
占位
占位

编程练习

小伙伴们，根据所学知识，制作如下所示的页码。

要求：当前页的页码要显示红色背景，其他页页码在鼠标经过时显示红色背景。

任务

一、制作页码部分基本的HTML结构。

二、设置每一个超链接的边框线、间距和填充

三、设置超链接的四种状态

四、定义当前页码的CSS样式

提示:
A标签是内联元素，为了使内联元素具有块级元素的一些属性同时使所有的a标签显示在同一行上，我们需要把a标签设置为行内块元素inline-block。
?不会了怎么办

小伙伴们，可以在右下角的"源代码下载"区，下载参考代码。

||
1
2
<!DOCTYPE html>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证，完成请求

由于请求次数过多，请先验证，完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后，能更快找到我哦～

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后，及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

酱紫应该ok了

+ 我来回答 回答最高可+2积分
0 回答 319 浏览
2022-05-31

请问这样可以吗

最新回答 / 星栎
嗯，不清楚，
1 回答 816 浏览
2021-03-25

这样做对不对呀

最新回答 / 小君i
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>页码的制作</title><style>/*在此定义相关CSS样式*/.page a{    border:1px solid #e8e8e8;    background-color:#fff;    padding...
2 回答 1223 浏览
2019-05-15

"当前页的页码要显示红色背景" 如何实现？

最赞回答 / 史努比向前进
先给比如第一页设置一个名为class的类。定义这个类的样式为background-color:red，就可以把第一页设置为当前页，具体的当前页是哪一页的点击事件需要用javascript去设置
5 回答 1652 浏览
2019-06-02

页码中的省略号怎么居中？

最新回答 / Kenshin627
li的line-height
2 回答 1516 浏览
2017-02-20

display将a设置成了块状元素为什么背景颜色设置时还是只显示字体部分的背景

已采纳回答 / 陈小晓
你在li上设置了padding:5px 10px;，导致li与a之间有距离了，把内填充设置到a上就行了<...图片...><...图片...>
2 回答 1550 浏览
2016-10-19

求助 display:inline-block;！！！！

+ 我来回答 回答最高可+2积分
2 回答 925 浏览
2022-06-10

点击后有虚线框残留，怎么去掉？

+ 我来回答 回答最高可+2积分
2 回答 848 浏览
2022-06-02

网页页码布局

已采纳回答 / darcygail
当前页面就是指a:active时的状态。<...code...>
2 回答 976 浏览
2016-11-08

​页码1中用.active设置color是白色为什么显示的仍是黑色

最新回答 / 慕粉3135539
因为.page a:link, .page a:visited{}比。active{}的权值高，所以显示的是前面的样式
4 回答 1773 浏览
2016-08-23

为啥我的代码，鼠标滑过显示是箭头 ，而其他同学划过时都是手指？？？？？？？？？

已采纳回答 / wylaa
写代码仔细点。是href 不是herf。。。
3 回答 1595 浏览
2016-08-23

如何实现“当前页的页码要显示红色背景”？

最赞回答 / jiankeke
加一个样式：.page a:focus{    background-color:red;}
4 回答 2696 浏览
2022-09-02

代码代码代码

+ 我来回答 回答最高可+2积分
2 回答 1434 浏览
2022-04-03

请大神教我 如何定义当前页码的CSS样式？

已采纳回答 / Perona
css样式加个on类<...code...>把这个on类加到你想要的页码中，比如<...code...>可以看下这个课程，做分页页码的http://www.imooc.com/learn/15
1 回答 2639 浏览
2016-08-23

把li标签设置为display:inline 可以吗

最新回答 / 陌卍言
可以，不过不建议，如果你对css各种属性研究比较彻底可以将一些块元素变成内联元素，实现一些特殊效果，不过高度和宽度等属性也就无效了
2 回答 1206 浏览
2016-08-23
全部 我要发布
最热 最新
只看我的

推荐课程

推荐路线系统化学习，打造阶梯学习模式

相关课程

手记推荐

更多

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

账号登录 验证码登录

遇到问题
忘记密码

登录即同意慕课网《隐私政策》
代码语言