<!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. （三）c#Winform自定义控件-有图标的按钮
			
    前提 入行已经7,8年了,一直想做一套漂亮点的自定义控件,于是就有了本系列文章. 开源地址:https://gitee.com/kwwwvagaa/net_winform_custom_control ...
    
			
    2. 
						
  2. Django2.2中间件详解
			
    中间件是 Django 用来处理请求和响应的钩子框架.它是一个轻量级的.底层级的"插件"系统,用于全局性地控制Django 的输入或输出,可以理解为内置的app或者小框架. 在dj ...
    
			
    3. 
						
  3. ubuntu-18.10 虚拟机 配置网络环境
			
    查询主机系统ip 使用virtualbox 设置网络模式为桥接模式 设置静态 ip 与网关 关闭防火墙 sudo ufw disable
    
			
    4. 
						
  4. python+appium自动化测试(一)-----环境搭建
			
    基础背景: windows7系统 +python3.4版本 环境搭建目标: 使用python编写app自动化测试脚本并成功执行. 搭建步骤:   1.安装python3,安装步骤详见:https:// ...
    
			
    5. 
						
  5. Redis集群环境下的键值空间监听事件实现方案
			
    一直想记录工作中遇到的问题和解决的方法,奈何没有找到一方乐土,最近经常反思,是否需要记录平时的点滴,后台还是决定下定决心记录一些,以便以后用到的时候找不着,实现这样的一个功能主要也是业务所需要的. 需 ...
    
			
    6. 
						
  6. PyQt编写Python GUI程序，简易示例
			
    https://blog.csdn.net/qq_41841569/article/details/81014207
    
			
    7. 
						
  7. C笔记_常用快捷键
			
    1.第一部分 Ctrl + up/down 以光标所在行为中心上下移动文本: Ctrl + left/right 左右跳过一个单词或符号: Ctrl + end 跳至文本末尾: Ctrl + dele ...
    
			
    8. 
						
  8. 随笔编号-01  如何比较日期类型的String 大小浅谈.
			
    有三种解决方法: 第一种直接用字符串类的compareTo方法: String t1="20160707"; String t2="20160708"; int ...
    
			
    9. 
						
  9. Java多线程之线程的互斥处理
			
    Java多线程之线程的互斥处理 一.前言 多线程程序中的各个线程都是自由运行的,所以它们有时就会同时操作同一个实例.这在某些情况下会引发问题.例如,从银行账户取款时,余额确认部分的代码应该是像下面这样 ...
    
			
    10. 
						
  10. 【系统解读】SystemUI篇（一）SystemUI启动流程
			
    前言 SystemUI是系统启动中第一个用户肉眼可见的应用,其功能包罗万象,比如开机后看到的锁屏界面,充电时充电界面,状态栏,导航栏,多任务栏等,都是与Android手机用户息息相关的功能.所以不止S ...
    
			
    11.