0602 布局与背景 溢出等学习 

<html>
	<head></head>
	<style type="text/css">
		body{
			
			/*background-image: url(http://cms-bucket.nosdn.127.net/ebf5c52d6bb241f8aa26e828e17699ff20170602161932.jpeg?imageView&thumbnail=550x0); */
		}

		#branding{
			width: 700px;
			height: 200px;
			background-repeat:no-repeat; 
			/*background-image: url(http://cms-bucket.nosdn.127.net/ebf5c52d6bb241f8aa26e828e17699ff20170602161932.jpeg?imageView&thumbnail=550x0);*/
			background-image: url(http://www.easyicon.net/api/resizeApi.php?id=1137499&size=48);
		}

		h1{
			padding-left: 30px;
			width: 100px;
			background-image:url(http://www.easyicon.net/api/resizeApi.php?id=1134555&size=32);/*1.用网上图片*/
			background-repeat: no-repeat;
			background-position: 0 50%;/*很重要 与 left center 0px 某px 一样 定位了 背景图片相对于左上角的位置 框模型 */
			border:1px solid grey;
			border-radius: 1em;
                        background-color: grey;/*如果是 backgroud:grey;则覆盖背景图像*/
			overflow: scroll;/*或者hidden*/

		}
	</style>
	<body >
		h1
		<h1>古奇111111111111111111</h1><h1>LV</h1>
	</body>
</html>

　　另开发时候用网上图片，用subline的快捷浏览器功能

posted @ 2017-06-02 22:43  cnchengv  阅读(97)  评论(0)    收藏  举报