浮动 塌陷问题 定位 背景图片练习 <head> <meta charset="UTF-8"> <title>Title</title> <style> /*}*/ body{ /*body背景特殊*/ /*颜色 url repeat 上边为0 下边为0 撑满*/ background: url("../aa.jpg") no-repeat 0 0/100%; } </style> </head> <body> <h1>lorem111</h1> <p>lorem2222</p> <div>lorem333</div> </body>
Body元素的背景
背景颜色
<style> html{ background-color: #f8efc0; } /*}*/ body{ background:url("../aa.jpg"); background-repeat: no-repeat; background-size: 100%; } </style> </head> <body> <h1>lorem111</h1> <p>lorem2222</p> <div>lorem333</div> </body>
<style>
/*html{*/
/*background-color: #f8efc0;*/
/*}*/
/*}*/
body{
background:url("../aa.jpg");
background-repeat: no-repeat;
background-size: 100%;
}
</style>
</head>
<body>
<h1>lorem111</h1>
<p>lorem2222</p>
<div>lorem333</div>
</body>
居中
行元素使用text-algin:center
原文：https://www.cnblogs.com/chenduzizhong/p/11215936.html