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>

  • 相关阅读:
    Spring代理模式
    Spring注解的步骤
    Spring与Struts2集成开发
    Spring框架之控制反转和依赖注入
    使用Spring框架的步骤
    Hibernate锁机制
    Hibernate的缓存机制
    Hibernate框架之HQL查询与Criteria 查询的区别
    Hibernate框架之Criteria 详解
    Ajax异步刷新省市级联
  • 原文地址:https://www.cnblogs.com/123hyf/p/7701235.html
Copyright © 2011-2022 走看看