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>

  • 相关阅读:
    cocos进阶教程(5)回调函数和定时器的使用技巧
    lua关于参数生命周期的研究
    cocos进阶教程(5)各种动画使用心得
    Quick中require与import的区别
    【cocos2d-x 3.5】Lua动画API
    mac3.0环境搭建
    cocos-lua基础学习(10)scheduler类学习笔记
    LeetCode:搜索二维矩阵【74】
    LeetCode:搜索旋转排序数组【33】
    LeetCode:数据库技术【180-185】
  • 原文地址:https://www.cnblogs.com/123hyf/p/7701235.html
Copyright © 2011-2022 走看看