`

background属性的使用例子

CSS教育XHTMLHTMLXML 
阅读更多 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>div+css布局中常用元素:ol ul li dt dl dd用法解释</title>
		<style type="text/css">
				.container {width:800px; backcolor:#ccc}
				.title {overflow:hidden; height:28px; line-height:28px; background:url(sprites_item.jpg) repeat-x left -75px}
				.container .title h2 {margin:0; padding:0; float:left; padding-left:17px; background:transparent url(sprites.gif) no-repeat scroll left -380px}
				.container .title h2 a img {border: none; }
		</style>		
	</head>
	
	<body>
		<div class="container">
			<div class="title">
				<h2>
					<a href="http://edu.163.com/"><img width="31" height="28" alt="教育" src="jiaoyu.gif"/><br/>教育</a>
				</h2>
			</div>
		</div>
	</body>
</html>
 

 

 

相关知识点：

background属性详解

 

 

 

 

 

 

分享到：
| Hibernate几种映射类型
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Javascript获取background属性中url的值

    然后，使用`.css("backgroundImage")`方法来获取该元素的`background-image`属性值。这将返回一个字符串，格式通常是`url("图片路径")`。 为了从这个字符串中提取出实际的图片URL，我们需要进行字符串处理。这里...

    layui弹出层样式修改，使用css的background属性设置多个背景图附件

    本话题将详细探讨如何在layui中修改弹出层的样式，特别是如何使用CSS的`background`属性来设置多个背景图片。 首先，我们需要理解layui弹出层的工作原理。layui的弹出层是通过JavaScript动态生成HTML元素实现的，...

    批量输出 CSS background-position 属性的定位像素值

    在CSS中，`background-position`属性是一个非常重要的部分，它控制着背景图像在元素内的位置。这个属性允许我们精确地定位背景图像，从而实现各种视觉效果。 批量输出`background-position`属性的定位像素值通常是...

    CSS下背景属性background的使用方法

    背景颜色（background-color）  CSS可以用纯色来作为背景...示例：  body {background-color: black;}  h1 {background-color: #00ff00;}  h2 {background-color: transparent;}  p {background-color: rgb(0,0,25

    css3实现一个div设置多张背景图片及background-image属性实例演示

    本文将深入探讨如何使用`background-image`属性来实现多张背景图片的设置，并介绍CSS3中的背景渐变。 首先，我们来看一下`background-image`属性的基本语法。它接受一个或多个 `&lt;bg-image&gt;` 值，每个值可以是 `none...

    CSS3的background-size属性，实现响应式式图片等比例缩放。

    在压缩包中的`bgImg`文件，可能包含了一些示例代码或者图片，用于展示如何使用`background-size`属性。通过分析这些文件，我们可以更好地理解这个属性的实际运用。 总之，CSS3的`background-size`属性是响应式设计...

    backgroundsize.htc

    `background-size`属性就是这样一个例子，它允许我们设置背景图片的尺寸，但在IE7和IE8中并未原生支持。为了解决这个问题，开发者们创造了一种名为"backgroundsize.htc"的技术。 `backgroundsize.htc`是一个行为...

    CSS的background属性的缩写顺序介绍

    在CSS（层叠样式表）中，`background`属性是一个非常实用的复合属性，它允许开发者在一个声明中设置多个背景属性，从而简化代码，提高效率。这个属性包括了五个主要的部分，它们分别是： 1. `background-color`: ...

    ie8下不解析background属性与书写格式有关

    标题提到的“ie8下不解析background属性与书写格式有关”是一个典型的例子，涉及到CSS3的`background`属性在IE8中的解析问题。这个问题的核心在于，IE8对`background`属性值的顺序有着特定的要求，不同于其他现代...

    CSS3之多背景background使用示例

    在CSS3中多背景的使用是非常常见的，所以，这个多背景的属性应用很普遍的，所以掌握CSS3之多背景background是当务之急呀。 一、background的语法 1、background的分写 复制代码代码如下: background-image: ...

    前端开源库-css-background-video

    在CSS中，我们使用`background`属性或者其子属性（如`background-image`、`background-size`、`background-position`、`background-repeat`）来设置背景视频。其中，`background-size`用于控制视频的大小，`...

    使用django-background-tasks的示例应用程序_Python_下载.zip

    标题和描述提到了"使用django-background-tasks的示例应用程序"，这意味着这个压缩包中包含了一个Python项目，该项目演示了如何在Django框架中使用`django-background-tasks`库来处理异步任务。`django-background-...

    css background-attachment属性进阶

    CSS中的`background-attachment`属性是用来控制背景图像随滚动条移动的方式。在深入理解这个属性之前，我们需要确保已经设置了`background-image`属性，因为它定义了背景图像。`background-attachment`接着决定背景...

    CSS3的Background-size很重要

    这个background-size属性有几个预定义的值，但也可以像其它size属性一样使用数字： contain: 包含，整个背景图都要被包含在元素内，没有超出的部分。 cover: 覆盖，背景要覆盖元素的所有区域，不能有空白出现。 ...

    关于背景图片的定位(background-position)

    最后，文章可能会提醒开发者，`background-position`与`background-size`、`background-repeat`、`background-origin`和`background-clip`等属性结合使用时，能创造出更多复杂的背景图像效果。这些属性的组合使用...

    CSS3属性background-size使用指南

    在使用`background-size`属性时，应该仔细考虑设计需求以及不同浏览器对属性的支持情况。由于各个浏览器对于新CSS3特性支持的差异，始终建议进行兼容性测试，以确保网页在所有浏览器中均能呈现出预期的效果。

Magicbox
Global site tag (gtag.js) - Google Analytics