博客列表 >利用固定定位制作QQ---2018年8月17日

利用固定定位制作QQ---2018年8月17日

王大利的博客
王大利的博客原创
2018年08月20日 00:18:46739浏览
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>qq</title>
</head>
<body>
qq制作
<style>
 .box{
        width:200px;
 height:300px;
 background-color: #00CC66;
 text-align: center;
 }
    span{

        position: fixed;
 top:35px;
 left:50px;
 font-size: 25px;
 font-weight: bold;
 color: white;
 }
    img{
        width: 35px;
 height: 35px;
 }
    ul {

        position: fixed;
 top:80px;
 left:30px;
 }
    li{

        margin: 5px;
 font-size: 25px;
 color: white;
 }
</style>
<div>
    <span>QQ中心</span>
    <br>
    <br>
    <hr>
    <ul>
        <li><img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1965386003,399406622&fm=27&gp=0.jpg">速速</li>
        <li><img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1965386003,399406622&fm=27&gp=0.jpg">星星</li>
        <li><img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1965386003,399406622&fm=27&gp=0.jpg">乐乐</li>
        <li><img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1965386003,399406622&fm=27&gp=0.jpg">花花</li>
    </ul>
</div>

</body>
</html>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议