<!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. 自定义GroupBox
			
    public partial class mGroupBox : GroupBox { private Color _TitleBackColor = Color.Black; private Fon ...
    
			
    2. 
						
  2. 重学计算机组成原理（十一）- 门电路的"千里传音"
			
    人用纸和笔来做运算,都是用十进制,直接用十进制和我们最熟悉的符号不是最简单么? 为什么计算机里我们最终要选择二进制呢? 来看看,计算机在硬件层面究竟是怎么表示二进制的,你就会明白,为什么计算机会选择二 ...
    
			
    3. 
						
  3. File Compression and Archiving in linux (linux 中文件的归档)
			
    1. Compressing Files at the Shell Prompt Red Hat Enterprise Linux provides the bzip2, gzip, and zip  ...
    
			
    4. 
						
  4. ThreadLocalSingleton.h——base
			
    #ifndef MUDUO_BASE_THREADLOCALSINGLETON_H #define MUDUO_BASE_THREADLOCALSINGLETON_H #include <boo ...
    
			
    5. 
						
  5. Windows Server 2008 R2服务器内存使用率过高，但与任务管理器中进程占用内存和不一致
			
    系统环境: Windows Server 2008 R2 + Sql Server 2008 R2   问题描述: Windows Server 2008 R2系统内存占用率过大,而在任务管理器中各进 ...
    
			
    6. 
						
  6. Mybatis-Spring扫描路径有重叠导致Invalid bound statement(not found)问题
			
    背景 近日,某个系统的测试环境mybatis总是报Invalid bound statement(not found)异常,导致tomcat容器无法启动.异常信息如下: org.apache.ibat ...
    
			
    7. 
						
  7. 01 Python网络爬虫简介
			
    什么是爬虫 爬虫就是通过编写程序模拟浏览器上网,然后去互联网上爬取/获取数据的过程. 爬虫的分类 - 通用爬虫:就是爬取互联网中的一整张页面内容. - 聚焦爬虫:根据指定的需求爬取页面中指定的局部内容 ...
    
			
    8. 
						
  8. 玩转VSCode插件之Remote-SSH
			
    前言 每当更换电脑就要从新搭建一遍开发环境... 每当拉完最新代码程序在本地跑不起来的时候就要检查服务器和开发电脑的环境... 每当服务器上出Bug的时候就想如果可以能够调试服务器代码多好啊.. 你是 ...
    
			
    9. 
						
  9. 解读BloomFilter算法(转载)
			
    1.介绍 BloomFilter(布隆过滤器)是一种可以高效地判断元素是否在某个集合中的算法. 在很多日常场景中,都大量存在着布隆过滤器的应用.例如:检查单词是否拼写正确.网络爬虫的URL去重.黑名单 ...
    
			
    10. 
						
  10. vue中组件通信
			
    组件的通信 1. 父子组件通信 案例:   //父子组件通信思路 // 1 将父组件的数据传给子组件 在子组件上自定义单项数据绑定 // 2 子组件用props 接受自定义的那个:号属性 Vue.co ...
    
			
    11.