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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
li{
float:left;
list-style-type:none;
width:50px;
height:30px;
text-align:center;
}
li a{
text-decoration:none;
}
li a:hover{
display:block;
background:#BE3948;
color:#FFF;
}
最后面那个地址 应该是 http://demo.jb51.net/js/myfocus/freestyle.html
测试了一遍。还发现。。script放下body结束标签之前 焦点图会动不了,放在head标签结束之前才可以。。。
myfocus下载不了。。
li { list-style-type:none; float:left; width:60px; height:30px; line-height:30px; text-align:center; }
li a { text-decoration:none; color:#000000; }
li a:hover{ display:block; width:60px; height:30px; background:#FF0000; color:#FFFFFF; text-align:center; }

已采纳回答 / 慕雪1275230
你应该是点击过来然后没有设置 a:visited的属性
背景下划线用图片的话在浏览器上有缝隙,可以直接在top上设置border-bottom.
top_centent设置margin-left:80%,字就不用反方向调整了。
为什么那个转圈的缓冲图片还会动!!??
.newsBox{}
.newsTitle{text-align:center;font-size:20px;}
.newsInfo{text-align:center;font-size:12px;border-bottom:2px solid #ccc;color:#8e8e8e;}
.newsContent{font-size:14px;text-indent:2em;line-height:25px;}
p img{margin:0 auto;display:block;}
$(function(){
$(".page a").bind('click',function(){
$(".page a").removeClass('on');
$(this).addClass('on');
});

});
.page li{list-style-type:none;float:left;}
.page li a{padding:2px 6px;border:1px solid #ccc;margin:0 5px;font-size:14px;font-family:'微软雅黑';text-decoration:none;}
.page li a:link,.page li a:visited{color:#000;}
.on,.page li a:hover,.page li a:active{background:red;color:white;}
<style type="text/css">
.mybox { width:183px; height:88px; border:1px solid red; padding-left:15px; margin-top:10px; }
</style> 这样是对的,height100px-2px边框-10px(margin-top)=88px,width183px同理,-2px边框,-15px的padding-left
VVVVv
课程须知
1. 您已具备HTML 常用标签和属性。 2. 您已具备CSS 常用属性和值。 3. 您想提升网页布局技能。
老师告诉你能学到什么?
1.CSS中盒子模型的使用 2.网页三列布局方法 3.两列自适应高度布局方法 4.幻灯片切换效果的制作方法 5.导航菜单的制作方法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消