admin管理员组文章数量:1130349
初学html和css后，制作了自己的第一个静态网页
在制作过程中，遇到了不少问题：
1、右上角及最后一行，鼠标放上去出现下划线效果：
a:link{
color:#46A3FF;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
利用hover，设置鼠标放上去时下划线效果即可。
2、右上角“基本版|English|手机版|企业邮箱”等置于左侧图中央：
<div >
<img src="/home/l-jia/图片/Screenshot_2018-12-14 登录QQ邮箱.png"/>
<span>
<a href="http://www">基本版</a><span style="color:#D0D0D0">|</span>
<a href="http://www">English</a><span style="color:#D0D0D0">|</span>
<a href="http://www">手机版</a><span style="color:#D0D0D0">|</span>
<a href="http://www">企业邮箱</a>
</span>
</div>
.header span,img{
vertical-align:middle;
display:inline-block;
float:none;
}
利用vertical-align：middle即可实现。
3、中间主题部分的布局（控制div的位置）：</
初学html和css后，制作了自己的第一个静态网页
在制作过程中，遇到了不少问题：
1、右上角及最后一行，鼠标放上去出现下划线效果：
a:link{
color:#46A3FF;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
利用hover，设置鼠标放上去时下划线效果即可。
2、右上角“基本版|English|手机版|企业邮箱”等置于左侧图中央：
<div >
<img src="/home/l-jia/图片/Screenshot_2018-12-14 登录QQ邮箱.png"/>
<span>
<a href="http://www">基本版</a><span style="color:#D0D0D0">|</span>
<a href="http://www">English</a><span style="color:#D0D0D0">|</span>
<a href="http://www">手机版</a><span style="color:#D0D0D0">|</span>
<a href="http://www">企业邮箱</a>
</span>
</div>
.header span,img{
vertical-align:middle;
display:inline-block;
float:none;
}
利用vertical-align：middle即可实现。
3、中间主题部分的布局（控制div的位置）：</
版权声明：本文标题：html+css仿QQ邮箱静态界面 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://it.en369.cn/jiaocheng/1763773970a2962295.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论