| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 |
- <!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>
- #div1 {
- /* 宽高 */
- width: 1200px;
- height: 800px;
- /* 背景 */
- /* background: red; */
- background-color: red;
- background-image: url(../images/img01.jpeg);
- /* repeat|no-repeat */
- background-repeat: no-repeat;
- /* 背景图片位置 水平(固定值|left|center|right) 垂直(固定值|top |center|bottom) */
- /* background-position: -100px 200px ; */
- background-position: center top ;
- /* 简写 */
- background: red url(../images/img01.jpeg) no-repeat center top ;
- }
- #div2{
- width: 300px;
- height: 50px;
- background: red;
- /* 字体相关属性 */
- /* 字体大小 最小12px 默认大小16*/
- font-size:25px;
- /* 字体粗细 100 -900 默认值400|normal bold|700 */
- font-weight:200 ;
- /* 字体 */
- font-family:Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;
- /* 样式 风格 italic|normal */
- font-style: normal;
- }
- </style>
- </head>
- <body>
- <!-- <div id="div1">1111111</div> -->
- <div id="div2">我是一个DIV</div>
- </body>
- </html>
|
