• 目录

宽和高

阅读量: 520 编辑

宽和高样式

控制 html 元素的宽高

  • width:300px

  • height:300px

一、代码实战

代码的详细解读,可以参考视频教程。

新建 html 文件 07-width.html ,编写下方程序,运行看看效果吧

<!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>
    </head>
    
    <body>
        <div style="background-color:red;width:300px;height:300px;">我是div</div>
    </body>
</html>


  • 目录