CSS 背景

最新推荐文章于 2024-04-18 20:23:42 发布

原创最新推荐文章于 2024-04-18 20:23:42 发布 · 185 阅读

0 ·

CC 4.0 BY-SA版权

网页编程专栏收录该内容

4 篇文章

订阅专栏

本文介绍了HTML和CSS的基础知识，包括如何使用HTML创建简单的网页结构，并利用CSS进行样式设计，如背景图片设置、颜色配置等。

<!DOCTYPE html>
<html>
<head>
	<title>Demo</title>
	<link rel="stylesheet" type="text/css" href="demo.css">
</head>
<body>
	<h4>我的网页</h4>
	<p>我第一次制作</p>
	<div>这是我的CSS界面</div>
</body>
</html>

/*div{
	属性定义了元素的背景颜色.
	background-color:red;
	CSS中，颜色值通常以以下方式定义:
    十六进制 - 如："#ff0000"
    RGB - 如："rgb(255,0,0)"
    颜色名称 - 如："red"
}*/
body{
	/*这个是用来设计背景图片的*/
	background-image: url('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1527524351360&di=89054cb87ed1809cdd39514c944a68da&imgtype=0&src=http%3A%2F%2Fimgsrc.baidu.com%2Fimgad%2Fpic%2Fitem%2F023b5bb5c9ea15ce66d72824bd003af33a87b2e6.jpg');
	/*默认情况下 background-image 属性会在页面的水平或者垂直方向平铺。*/
	/*如果图像只在水平方向平铺 (repeat-x), 页面背景会更好些*/
	/*background-repeat: repeat-x;*/
	background-repeat: no-repeat;/*这个是用来防止背景图片是否重叠*/
	background-position:right top;/*用来调整背景图片的位置*/



}