zoukankan      html  css  js  c++  java
  • 文字环绕效果——图片float即可

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            .box {
                 500px;
                height: 300px;
                margin: 100px auto;
                background-color: pink;
            }
            
            .box img {
                 300px;
                height: 300px;
                float: left;
            }
        </style>
    </head>
    
    <body>
        <div class="box">
            <img src="tudou.jpg" alt="">
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. ALorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam reiciendis velit alias ex voluptatibus ratione sint, perspiciatis at doloremque tempora cum esse nemo pariatur hic obcaecati
                sed similique impedit quis.</p>
        </div>
    </body>
    
    </html>
    
  • 相关阅读:
    boost库:函数对象
    boost库:智能指针
    linux 查看和修改文件时间
    linux正则表达式
    UVA
    UVA
    UVA
    UVA
    UVA
    对JavaScript的认识?
  • 原文地址:https://www.cnblogs.com/icemiaomiao3/p/14582872.html
Copyright © 2011-2022 走看看