背景颜色,图,平铺方式,位置和背景精灵技术
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> #hd{ width: 500px; height: 500px; border: 2px solid orange; /*背景颜色*/ /*background-color: rgb(39,40,34);*/ /*background-color: blue;*/ /*background:blue;*/ /*背景图片*/ /*background-image: url(yt03.jpg);*/ /*平铺方式*/ /*水平平铺*/ /*background-repeat: repeat-x;*/ /*垂直平铺*/ /*background-repeat: repeat-y;*/ /*不平铺 只出现一个*/ /*background-repeat: no-repeat;*/ /*北景图片位置*/ /*background-position: 80px 30px;*/ /*背景精灵简写 颜色,图片链接 平铺方式 图片平铺位置 如果哪个不要就不写哪个*/ background: #eee url(https://www.qiquanji.com/mip/data/img/dmj/201902111549867482203751.jpg) no-repeat 80px 30px; } </style> </head> <body> <div id="hd"></div> <h1>好好网 好看看</h1> </body> </html>
本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。
微信扫码关注
更新实时通知