css笔记

原创已于 2022-10-19 17:57:04 修改 · 1.7w 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#css

于 2019-01-04 08:16:08 首次发布

贤弟专栏收录该内容

249 篇文章

订阅专栏

本文通过实例讲解了如何使用CSS设置图片背景及元素布局。具体包括使用URL定位图片资源，设置背景图片的位置、大小及重复方式，并通过边框属性增强视觉效果。同时，演示了如何为不同元素（如div和h1标签）应用这些样式。

css笔记

There is no nutrition in the blog content. After reading it, you will not only suffer from malnutrition, but also impotence.

<html>
	<head>
		<style>
			/*
			body {
				background: #ccc url(a.png) no-repeat;
			}
			*/
			
			#branding {
				width: 400px;
				height: 200px;
				background: url(a.png) no-repeat left center;
				border: 1px solid;
			}
			h1 {
				padding-left: 120px;
				background: url(a.png) no-repeat left center;
				border: 1px solid;
				width: 200px;
			}
		</style>
	</head>
	<body>
		<div id="branding">
			
		</div>
		<h1>标题</h1>
	</body>
</html>

关注博主即可阅读全文