为了账号安全,请及时绑定邮箱和手机立即绑定

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
li{float:left;width:50px;
list-style-type:none;
text-align:center;
line-height:40px;
}
a:active,a:visited,a:hover,a:link{
text-decoration:none;
}
a:visited,a:link{
color:black;
}
a:hover
{
background-color:red;
width:50px;
height:40px;
color:#FFF;
display:block;
}
<h2> 520 慕女神喊你来表白</h2><p>活动时间:5月20日-5月25日<br>获奖公布时间:5月26日<br>Learn More>></p>
老师这个方法挺简单的,如果不想倒过来可以用flex布局。
.top_content ul{
list-style-image: url(../images/li_bg.gif);
display: flex;
justify-content: flex-end;
line-height: 27px;
}
.top_content li{
width: 70px;
}
.box_mid li{float:left;list-style-type:none;width:50px;font-size:16px;text-align:center;}
.box_mid a:link, .box_mid a:visited{color:black;display:block;text-decoration: none;}
.box_mid a:hover, .box_mid a:active{display:block;background-color:#900;text-decoration: none;overflow:hidden;}
设了两个盒子,大概这样吧
真的是醉了,还好来这边看了各位的评论!我说怎么nav_mid对不齐!怀疑人生!
加个p是不是画蛇添足
挺不错的,讲的很详细,也比较易懂
很棒。。。。
采用百分比,为了代码的复用
none
disc
cercle
square
总体非常好,就是忽略了如何裁图和各种尺寸的测量过程
很不错,跟着做了一遍感觉之前不懂的知识差不多都理解了!建议初学者去学习
块元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了CSS控制以后,块元素和内联元素的这种属性差异就不成为差异了。我们可以通过设置display属性实现块级元素和内联元素的相互转变。
.myBox {
width:183px;
height:98px;
border:1px solid red;
padding-left:15px;
margin-top:10px;
}

正确答案,盒子宽度不包含外边距,但包含内边距跟边框
可以用QQ截图去量一下实际宽度!
课程须知
1. 您已具备HTML 常用标签和属性。 2. 您已具备CSS 常用属性和值。 3. 您想提升网页布局技能。
老师告诉你能学到什么?
1.CSS中盒子模型的使用 2.网页三列布局方法 3.两列自适应高度布局方法 4.幻灯片切换效果的制作方法 5.导航菜单的制作方法

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消