3天0基础建站课程

[DIV+CSS 教程笔记01] 背景图的设置问题background的设置

30 主题	15 回帖	214 积分

终身VIP会员

Rank: 7 Rank: 7 Rank: 7

积分: 214

发消息

发表于 2014-10-5 23:18:40 | 显示全部楼层 |阅读模式

亲注册登录道勤网-可以查看更多帖子内容哦！（包涵精彩图片、文字详情等）请您及时注册登录-www.daoqin.net

您需要登录才可以下载或查看，没有账号？立即注册

x

关于background的属性有很多，这里给大家详细的举几个常用的例子！1.background-color: ;             (这里指的是背景颜色，也可以写为background)
2.background-image: url(图片地址 );    这里指的是背景图片，当同时出现背景图片和背景色的情况下，那么系统会优先选着背景图的效果
3.background-repeat: repeat-x  :  这里指的是设置的背景图，成X轴显示
4.background-repeat:repeat-y  :  这里指的是设置的背景图，成Y轴  显示
5.background-repeat:no-repeat;  这里指的是设置的背景图，只显示原来的一张就可以（只显示背景图大小的，不会在X或Y轴重复）
6.background-attachment:fixed:  这里指的是设置或检索设置的背景图像是否随着对象内容滚动还是固定的。

那么我写了几个代码，让大家看下

<!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" lang="zh-CN">
<head>
<title>26课程背景页面的设置</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="道勤教育 http://www.daoqin.net" />
<style>
body{
/*background-color:red;*/
background-image:url(small.jpg);
background-repeat:no-repeat;
}
</style>
</head>
<body>
</body>
</html>

复制代码

道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户，那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信：q792472177免费电话、后台提交工单这些方式联系道勤主机客服！如果您不是我们的客户也没问题，点击页面最右边的企业QQ在线咨询图标联系我们并购买后，我们为您免费进行无缝搬家服务，让您享受网站零访问延迟的迁移到道勤主机的服务！

使用道具举报