admin 管理员组

文章数量: 1184232

初学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

版权声明：本文标题：html+css仿QQ邮箱静态界面 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/b/1763773975a3268977.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。