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

编程练习

小伙伴们,请为悬浮层中的明细菜单A标签间插入分隔竖线。

效果图:

温馨提示:完成任务后,请验证是否与实践描述效果一致,如一致,恭喜您,你已经掌握此技能。

任务

在编辑器第137行处,定义超级链接为块显示,左浮动,及左边框线

提示:使用CSS样式定义超级链接为block块显示,左浮动,及左边框线即可。

?不会了怎么办

参考代码:

.leftdiv dl dd a

        {    display: block;

            float: left;

            border-left: 1px solid #CCC;

            color: #737373;

            font-size: 9pt;

            padding: 0 8px;

            height: 14px;

            line-height: 14px;

            margin: 4px 0;

        }

||
1
<!DOCTYPE html
    PUBLIC "
    -//W3C
    //DTD
    XHTML 1.0
    Transition
    al//EN"
    "http
    ://www.w3
    .org/TR
    /xhtml1
    /DTD
    /xhtml1
    -transitio
    nal.dtd">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

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

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

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

收藏课程后,能更快找到我哦~

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

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

举报

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

最赞回答 / 艾零
display:block; 将a标签转变为块级元素,具有块级元素特点。会独自一行,使用float:left;不是为了和dt二级标签在一条水平线上,而是为了使所有的dd中的a标签自动左对齐排列。   margin:4px 0; 属性才使dd与dt水平对齐。

最新回答 / riyyao
dd设置了display:block,

最新回答 / Dva_Come_to_web
无语,我找了半天终于找到问题了,你那个注释的//是错误的,把注释删掉再调整css就好了。

已采纳回答 / 脑阔疼
在head标签里加<meta charset="UTF-8" />然后检查代码中的字有没有变,有的话改掉

最赞回答 / 果壳1221
a标签应该是inline元素吧。inline元素设置margin和padding时,左右起作用,上下不起作用。

最赞回答 / 慕粉3247841
上w3school看到说在 CSS 中,width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸,但是会增加元素框的总尺寸。算是弄明白了!

已采纳回答 / qq_影_9
charset有无定义为utf-8,即<meta charset="utf-8">;还有文档的编码格式也要为utf-8才行

最赞回答 / hey自然
Z-index 仅能在定位元素上奏效 .这里设置position relative是为了继承父元素的定位属性。你可以尝试去掉relative的position,然后你就发现鼠标滑过之后 找不到我们给span设置的效果

已采纳回答 / 慕奶姨
独立成块是有原因才独立成块显示的。a标签里样式加上display:block的话,当鼠标点击范围就是以块显示的。这样比较好识别点击区域。当然需要a标签里面的宽和高才有效果。独立成块的话就包含了...

+ 我来回答 回答最高可+2积分
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言