博客列表 >background-color背景颜色的设置

background-color背景颜色的设置

龍__遇见彩虹的博客
龍__遇见彩虹的博客原创
2018年06月01日 15:20:324658浏览

实例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>背景颜色的设置</title>
		<style>
			div{
				width:200px;
				height:100px;
			}
			.item-1{
				background-color: red;
			}
			.item-2{
				background-color:rgb(0,0,0);
			}
			.item-3{
				background-color:rgba(0,0,0,0.5);
			}
			.item-4{
				background-color:#452215
			}
		</style>
	</head>
	<body>
		<!--background-color设置颜色的四个值
		1.具体单词
		2.rgb
		3.rgba
		4.十六进制-->
		
		<div class="item-1"></div>
		<div class="item-2"></div>
		<div class="item-3"></div>
		<div class="item-4"></div>
	</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议
JonnyZhu2018-06-01 15:46:251楼
1.如何控制背景图片的位置? 在CSS中有一个叫做background-position:属性, 就是专门用于控制背景图片的位置 2.格式: background-position: 水平方向 垂直方向; 3.取值 2.1具体的方位名词 水平方向: left center right 垂直方向: top center bottom 2.2具体的像素 例如: background-position: 100px 200px; 记住一定要写单位, 也就是一定要写px 记住具体的像素是可以接收负数的