<!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. python变量前的单下划线(私有变量)和双下划线()
			
    1.单下划线 变量前的单下划线表示表面上私有 ,但是其实这样的实例变量外部是可以访问的,但是,按照约定俗成的规定,当你看到这样的变量时,意思就是,“虽然我可以被访问,但是,请把我视为私有变量,不要随意 ...
    
			
    2. 
						
  2. Linux - 通过expect工具实现脚本的自动交互
			
    目录 1 安装expect工具 2 expect的常用命令 3 作用原理简介 3.1 示例脚本 3.2 脚本功能解读 4 其他脚本使用示例 4.1 直接通过expect执行多条命令 4.2 通过she ...
    
			
    3. 
						
  3. go 学习笔记之go是不是面向对象语言是否支持面对对象编程?
			
    面向对象编程风格深受广大开发者喜欢,尤其是以 C++, Java 为典型代表的编程语言大行其道,十分流行! 有意思的是这两中语言几乎毫无意外都来源于 C 语言,却不同于 C 的面向过程编程,这种面向对 ...
    
			
    4. 
						
  4. docker方式部署elk日志搜索平台
			
    Docker部署ELKF操作文档 前提介绍 1.之前搭建elk+f+k使用原生系统软件安装方式,由于docker镜像日趋成熟,docker官网和elastic官网都有相关镜像和各自安装文档可供参考,各 ...
    
			
    5. 
						
  5. JS中 isNaN() 方法解析
			
    1. isNaN() 存在的意义 由于 NaN 是唯一一个不等于自身的值,不像其他的值,可以用相等操作符来判断是否等于自身,NaN == NaN和NaN === NaN都会返回false,所以isNa ...
    
			
    6. 
						
  6. .NET Core 小程序开发零基础系列（2）——小程序服务通知（模板消息）
			
    基于上一篇文件“.NET Core 小程序开发零基础系列(1)——开发者启用并校验牵手成功”的反映,个人觉得效果很不错,大家对公众号开发还是有很大需求的,同时也收到了很多同学的问题,后面我也会通过实战 ...
    
			
    7. 
						
  7. [转]Android中设置TextView的颜色setTextColor
			
    [转自]http://txlong-onz.iteye.com/blog/1249609 Android中设置TextView的颜色setTextColor android中设置TextView的颜色 ...
    
			
    8. 
						
  8. Mybatis基于注解实现多表查询
			
    对应的四种数据库表关系中存在四种关系:一对多,多对应,一对一,多对多.在前文中已经实现了xml配置方式实现表关系的查询,本文记录一下Mybatis怎么通过注解实现多表的查询,算是一个知识的补充. 同样 ...
    
			
    9. 
						
  9. Spring Cloud Alibaba | Nacos动态网关路由
			
    Spring Cloud Alibaba | Gateway基于Nacos动态网关路由 本篇实战所使用Spring有关版本: SpringBoot:2.1.7.RELEASE Spring Cloud ...
    
			
    10. 
						
  10. 使用SpringSecurity保护程序安全
			
    首先,引入依赖: <dependency> <groupId>org.springframework.boot</groupId> <artifactId&g ...
    
			
    11.