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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
额,对于我这个小白来说,还是撤了吧,牢实了再来,免得纠结的浪费时间
Hello!
li{
width:40px;
height:20px;
margin:5px;
float:left;
list-style-type:none;
border:1px solid gray;
text-align:center;
line-height:20px;
}
li a{
display:block;
}
li a:hover{
background-color:red;

}
li
{
float:left;
list-style-type: none;
width:50px;
height:30px;
text-align:center;
line-height:30px;
}
li:hover,.li:active
{
color:#fff;

background:#BE3948;
}
list-style-type可以设置列表项目符号为:none无项目符号,disc实心圆,circle空心圆,square实心方块等但是不可以设置图片为项目符号。
敲了一天终于敲完了!谢谢!老师。
背景图覆盖背景颜色是因为盒子纵向有5层...
讲的最好的老师了(*^__^*)
谢谢老师!!!!!~~~~
嵌套列表还是很容易懂得。 主要是学会用CSS调整他的样式!
哈哈,同下,老师讲的很不错。
li {float:left;
list-style-type:none;
}
a {display:block;width:50px;height:30px;text-align:center;line-height:30px;}
a:link,a:visited {
color:#000;
text-decoration:none;
}
a:hover,a:active {
color:#FFF;
text-decoration:none;
background:#BE3948;
}
.mainbox{
width:960px;
height:300px;
background-color:black;
}

.leftbox{
width:740px;
height:300px;
background-color:#C9f;
float:left;
}

.rightbox{
width:210px;
height:300px;
background-color:#fcf;
float:right;
}
课程须知
1. 您已具备HTML 常用标签和属性。 2. 您已具备CSS 常用属性和值。 3. 您想提升网页布局技能。
老师告诉你能学到什么?
1.CSS中盒子模型的使用 2.网页三列布局方法 3.两列自适应高度布局方法 4.幻灯片切换效果的制作方法 5.导航菜单的制作方法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消