在css中控制图像的大小

weixin_30235225

于 2018-08-11 16:29:00 发布

阅读量283

点赞数 1

原文链接：http://www.cnblogs.com/q2546/p/9460153.html

版权

可在CSS中利用width属性和height属性控制一个图像得到大小，就像控制其他任何盒子的大小一样。

<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style type="text/css">
            img.large {
                width: 500px;
                height:500px;}
            img.medium {
                width:250px;
                height: 250px;}
            img.small{
                width: 100px;
                height:100px; }
        </style>
    </head>
    <body>
        <div>TODO write content</div>
    <img src="magnolia-large.jpg" alt="Magnolia"/>
    <img src="magnolia-medium.jpg" alt="Magnolia"/>
    <img src="magnolia-small.jpg" alt="Magnolia"/>
    </body>
</html>

转载于:https://www.cnblogs.com/q2546/p/9460153.html