| 123456789101112131415161718192021222324252627 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- <style>
- h1{
- border:3px solid red;
- /* text-align 控制当前元素内的行元素对齐方式 left center right */
- text-align: center;
- }
- div{
- width: 200px;
- height: 200px;
- background-color: red;
- /* margin 两个值的时候 第一个值代表上下外边距 第二个值代表左右外边距 */
- margin:0 auto;
- }
- /* 控制块元素水平居中的时候 可以使用margin:o auto; 他回把当前元素左右两边剩余的空间平局分配为左右外边距 */
- </style>
- </head>
- <body>
- <h1>这是一个标题</h1>
- <div>hello</div>
- </body>
- </html>
|
