background 用法

weixin_34279061

于 2012-11-13 14:42:00 发布

阅读量71

点赞数

文章标签： xhtml

本文详细介绍了HTML、CSS和JavaScript的基础知识及其在实际项目中的应用，包括样式布局、交互效果和动态网页开发，旨在帮助开发者提升前端技能。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style>
.front{ background-repeat:repeat-x !important;}<!--important 优先级最高，（可以防止被其他样式覆盖）-->
.back{ width:800px; height:6000px; border:1px solid #F00; background-image:url(png.png) ; background-position:-100px -100px; background-repeat:no-repeat;}
/*.back{ width:800px; height:600px; background:url(png.png) no-repeat left top ; border:1px solid #F00}*/
</style>
<body>
<div class="back front">
</div>
</body>
</html>