<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>CSS</title>

        <style type="text/css">

            #style1 {

                font-family: "微软雅黑";

                position: absolute;

                left: 340px;

                top: 123px;

                width: 98px;

                height: 90px;

                background-color: aliceblue;

            }

            #style2 {

                font-family: "微软雅黑";

                position: absolute;

                left: 540px;

                top: 223px;

                width: 234px;

                height: 317px;

                background-image: url(img/1511498485601.jpeg);

            }

        </style>

    </head>

    <body bgcolor="aquamarine">

        <div id="style1">

            床前明月光，<br> 疑是地上霜。

            <br> 举头望明月，

            <br> 低头思故乡。

        </div>

        <div id="style2">

        </div>

    </body>

</html>






width和height用来控制选区的大小；left、right、top用来控制选区在页面中的位置；background-color: 用来设置背景颜色；background-image:用来设置背景图片。
												


											
CSS——设置背景的更多相关文章
	

    
						
  1. img只显示图片一部分 或 css设置背景图片只显示图片指定区域
		
    17:14 2016/3/22img只显示图片一部分 或 css设置背景图片只显示图片指定区域 background-position: 100% 56%; 设置背景图片显示图片的哪个坐标区域,图片左 ...
    
		
    2. 
						
  2. css 设置背景图片模糊，内容不模糊
		
    需求:一个div设置了background: url,现在需要使图片背景模糊,div内的文字清晰显示. 原始代码: <!DOCTYPE html> <html lang=" ...
    
		
    3. 
						
  3. css设置背景固定不滚动效果的示例
		
    css设置背景固定不滚动效果的示例 背景固定不滚动各位看到最多的无非就是QQ空间了,我们在很多的空间都可以看到内容滚动而北京图片不滚动了,下文整理了几个关于背景固定不滚动css代码. 一.css设置背 ...
    
		
    4. 
						
  4. CSS 设置背景透明度，不影响子元素
		
    由于 opacity 属性能被子元素继承,使用它设置父元素背景透明度时也会影响子元素． 解决方法: 1> 使用 RGBA Example .classname { /* RGBa, 透明度0.6 ...
    
		
    5. 
								
  5. 解决css设置背景透明，文字不透明
		
    设置元素的透明度:  -moz-opacity:0.8; /*在Firefox中设置元素透明度  filter: alpha(opacity=80); /*ie使用滤镜设置透明   但是当我们对一个标 ...
    
		
    6. 
						
  6. css设置背景图片，ie显示不了
		
    本来是想给导航栏<div class="nav"></div>添加背景图片的,设置css样式如下: .nav{background:url("ht ...
    
		
    7. 
						
  7. （转）background-position—CSS设置背景图片的位置
		
    background-position :在 CSS 中通过 background-position 属性可以调整背景图片的位置.因为在默认情况下背景图片都是从设置了 background-posit ...
    
		
    8. 
						
  8. css设置背景图片自适应
		
      CreateTime--2017年12月25日16:36:07 Author:Marydon 控制背景图片100%自适应填充布局 /* 控制背景图片100%自适应填充布局 */ body{ bac ...
    
		
    9. 
						
  9. 使用CSS设置背景图片，图片比较大，完全显示在一个DIV中
		
    做的时候想要边框为比较好看的样式,需要UI切图并且放在div中,看起来会好看点 像这样的,我随便挑选了一个,UI帮我切图出来 需要把这个图片填到相应的div里面,但是很显然碰到一个问题,图片太大,而且 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. linux command line learn - get the absolute path of a file
			
    get the absolute path of a file in linux readlink -f filenme [heshuai@login01 3_Variation_calling]$  ...
    
			
    2. 
						
  2. 人脸识别开发套件RJ45、继电器、OTG、RS232接口说明
			
          人脸识别开发套件RJ45.继电器.OTG.RS232接口说明 接口说明 D801A 人脸抓拍识别一体机是一款高性能.高可靠性的人脸识别类产品.依托深度学习算法扩展人脸库数量,准确率更高,支 ...
    
			
    3. 
						
  3. Zabbix监控华为路由器配置
			
    zabbix监控华为路由器 一.配置路由器界面: 开启snmpv2c功能,同时勾选v2c版本(不要勾v1,不安全,其实v2也不安全,如果很注重安全的话,一定要只配置v3). 手里没有路由器登录账号,大 ...
    
			
    4. 
						
  4. C#设计模式开启闯关之路
			
    前言背景 这是一条望不到尽头的编程之路,自踏入编程之路开始.就面临着各式各样的挑战,而我们也需要不断的挑战自己.不断学习充实自己.打好坚实的基础.以使我们可以走的更远.刚踏入编程的时候.根据需求编程, ...
    
			
    5. 
						
  5. 回顾js中的cookie/localstorage
			
    1.首先简单总结下cookie cookie:可以做会话跟踪 特点:      1.大小限制(不能超过4k)      2.每个域下cookie不能超过50个      3.有效期(和设定时间有关), ...
    
			
    6. 
						
  6. Scala 系列（二）—— 基本数据类型和运算符
			
    一.数据类型 1.1 类型支持 Scala 拥有下表所示的数据类型,其中 Byte.Short.Int.Long 和 Char 类型统称为整数类型,整数类型加上 Float 和 Double 统称为数 ...
    
			
    7. 
						
  7. com.sun.jersey.api.client.ClientHandlerException: java.net.ConnectException: Connection refused: connect
			
    com.sun.jersey.api.client.ClientHandlerException: java.net.ConnectException: Connection refused: con ...
    
			
    8. 
						
  8. Java集合框架之Map接口浅析
			
    Java集合框架之Map接口浅析 一.Map接口综述: 1.1java.util.Map<k, v>简介 位于java.util包下的Map接口,是Java集合框架的重要成员,它是和Col ...
    
			
    9. 
						
  9. C++ 并发编程之互斥锁和条件变量的性能比较
			
    介绍 本文以最简单生产者消费者模型,通过运行程序,观察该进程的cpu使用率,来对比使用互斥锁 和 互斥锁+条件变量的性能比较. 本例子的生产者消费者模型,1个生产者,5个消费者. 生产者线程往队列里放 ...
    
			
    10. 
						
  10. 怎样使用U盘安装Windows系统
			
    准备工作 一个8G及以上的U盘: 软碟通UltraISO,下载地址,非免费,但试用就够了: 系统镜像,推荐去MSDN下载: 安装过程 利用U盘制作启动盘,准备好上述的东西,然后开始制作启动盘: 注意: ...
    
			
    11.