15
2019
08

背景颜色,图,平铺方式,位置和背景精灵技术

<!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/data/img/dmj/201902111549867482203751.jpg) no-repeat 80px 30px;    
	}    
</style>    
</head>    
<body>    
<div id="hd"></div>    
<h1>好好网 好看看</h1>    
</body>    
</html>

原文链接:https://www.qiquanji.com/post/7622.html

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

gzh

微信扫码关注

更新实时通知

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。