zoukankan      html  css  js  c++  java
  • CSS

     
    p{
    font-size: 500%;
    color: yellow;
    font-family: "华文行楷";
    }
    div.zhuangshi{

    300px;
    float:left;/*设置浮动对象,往左边靠拢*/
    margin:5px;/*设置边框之间的距离*/
    }
    div.zhuangshi.img{
    100%;
    height: auto;
    }
    div.zhuangshi{
    font-size: 150%;
    font-family: "华文行楷";
    text-align: center;/*设置文字居中*/
    padding:5px; /*设置文字距离边框的宽度*/
    }

    /*设置鼠标移动到边框的反应*/
    .img:hover{
    border:2px solid #ffff33;
    }
    div.clearfloat{
    clear: left;
    }
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../static/css/xiaofang.css">

    </head>
    <body>
    <p align="center">欧美装饰</p>
    <div class="logo">

    <div class="zhuangshi">
    <a href="https://youjia.taobao.com/n/pictures/list?spm=a21bo.2017.201867-links-10.33.a3e1a07cToLTA&isLingan=false&propertylist=903%3A8#!groupId=341014">
    <img src="https://img.alicdn.com/imgextra/i1/3216708011/TB25EP5afDH8KJjy1XcXXcpdXXa_!!0-jiyoujia.jpg" width="100" height="100">></a>
    <div class="describe"><a href=""></a>深圳兰江山第新中式·雅室之韵</div>
    </div>
    <div class="zhuangshi">
    <a href="https://youjia.taobao.com/n/pictures/list?spm=a21bo.2017.201867-links-10.33.a3e1a07cToLTA&isLingan=false&propertylist=903%3A8#!groupId=341014">
    <img src="https://img.alicdn.com/imgextra/i1/3216708011/TB2tq2Zaf6H8KJjy0FjXXaXepXa_!!0-jiyoujia.jpg"width="100" height="100"></a>
    <div class="describe"><a href=""></a>
    <div class="zhuangshi">
    <a href="https://youjia.taobao.com/n/pictures/list?spm=a21bo.2017.201867-links-10.33.a3e1a07cToLTA&isLingan=false&propertylist=903%3A8#!groupId=341167">
    <img src="https://img.alicdn.com/imgextra/i1/1934390787/TB2p0OTch6I8KJjSszfXXaZVXXa_!!0-jiyoujia.jpg"width="100" height="100"></a>
    <div class="describe"><a href="a">客厅</a></div>
    </div>

    <div class="clearfloat">
    <img src="https://img.alicdn.com/imgextra/i1/3216708011/TB25EP5afDH8KJjy1XcXXcpdXXa_!!0-jiyoujia.jpg"width="100" height="100">
    <img src="https://img.alicdn.com/imgextra/i1/3216708011/TB2tq2Zaf6H8KJjy0FjXXaXepXa_!!0-jiyoujia.jpg"width="100" height="100">
    <img src="https://img.alicdn.com/imgextra/i1/1934390787/TB2p0OTch6I8KJjSszfXXaZVXXa_!!0-jiyoujia.jpg"width="100" height="100">

    </div>
    </body>
    </html>

  • 相关阅读:
    C——联合体(共同体)总结
    JMX操作ActiveMQ(1)
    使用xml和java代码混合控制UI界面
    Hive Metastore ObjectStore PersistenceManager自动关闭bug解析
    (算法课大报告)大数据的查找与排序
    编程珠玑---读书笔记---使用后缀数组查找最长重复子串
    VMware vSphere服务器虚拟化实验十一高可用性之三Fault Tolerance
    签名应用例子
    fopen()惹的祸
    Bigcommerce: 给已完成购买的客户发送一封产品评论邮件,让客户直接进行产品评论
  • 原文地址:https://www.cnblogs.com/123hyf/p/7701235.html
Copyright © 2011-2022 走看看