1-2·100 css 尺寸图像的宽高设置

   

  

<!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>尺寸 图像设置</title>
    <style>
        img.democss1 {
            /* 设置浏览器边距。
           这样做的结果会依赖于浏览器 */
            height: auto;
        }

        img.css2 {
            height: 120px;
        }

        p.ex {
            width: 100px;
            height: 100px;
        }

        /* p {
            color: blue;
        } */
    </style>
</head>

<body>
    <img class="democss1" src="../CSSLibrary/img/cssdemo.jpg" width="95" height="99"> <br>
    <img class="css2" src="../CSSLibrary/img/css2.jpeg" width="100" height="100">

    <p class="ex">这个段落的高和宽是 100px.</p>
    <p>这是段落中的一些文本。这是段落中的一些文本。
        这是段落中的一些文本。这是段落中的一些文本。
        这是段落中的一些文本。这是段落中的一些文本 </p>


</body>

</html>

效果

      

 

posted @ 2022-02-08 10:51  优敏行  阅读(67)  评论(0)    收藏  举报