这应该是系统CSS本教程的最后一节，为什么，由于本节。我觉得基础已经完成，接下来的就是无休止的战斗，战斗非常难用知识讲出来，通过积累，战斗经验。这些都不是说出来。
伟大，下来说一下用CSS加入背景图片的方式把。它在background属性中指定，能够用url（”图片路径")的方式来指定背景图片，假设是repeat，则图片在横向和纵向上平铺。假设是no-repeat，则背景图像不会平铺，仅仅显示一次，假设是repeat-x。那么就在水平方向平铺。假设是repeat-y，则在竖直方向平铺。
以下我们举个样例把，首先是HTML代码，例如以下图：
<html> <head> <link rel="stylesheet" type="text/css" href="my.css"> </head> <div id = "bg"> 也许在互联网行业里，还没多少人会注意我这样的无名小卒，大家所津津乐道的都是像马云、马化腾、李彦宏啦，对他们的一举一动都十分关心。诚然，古之成大事者，不惟有超世之才，亦必有坚韧不拔之志，苏轼老前辈说的不错。马云，足够的坚持让他成为了中国的电商老大哥。李彦宏则是纯粹的科技流了，再加上早先的在搜索公司工作的经验，使得他一回国就带上了一层光环。马化腾，素来以抄袭著称的boss级人物，我是真的佩服。能抄到这样的地步，也真的非常有一套。 也许在互联网行业里，还没多少人会注意我这样的无名小卒，大家所津津乐道的都是像马云、马化腾、李彦宏啦，对他们的一举一动都十分关心。诚然，古之成大事者，不惟有超世之才，亦必有坚韧不拔之志，苏轼老前辈说的不错。马云，足够的坚持让他成为了中国的电商老大哥。李彦宏则是纯粹的科技流了。再加上早先的在搜索公司工作的经验。使得他一回国就带上了一层光环，马化腾，素来以抄袭著称的boss级人物，我是真的佩服。能抄到这样的地步，也真的非常有一套。 </div> </html>
然后是css代码，我们书写例如以下：
#bg{
color:#FFF;
background: url("2.jpg");
height: 900px;
}
这里我们要保证在同一个文件夹下有2.jpg这个图片才行，它的默认方式是在横向和纵向都是反复的，截图例如以下：
那么假设我们仅仅想在竖直方向反复呢，即在水平方向不反复呢？看以下代码：
#bg{
color: #FFF;
background: url("22.jpg") repeat-y;
height: 900px;
}
它的效果是这样滴：
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveGluZ3VpbWVuZw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" >
图片背景方面的知识就先介绍这是第一次写，一时间未能像一点点，因此，修复后。
版权声明：本文博客原创文章，博客，未经同意，不得转载。
时间： 2024-08-29 23:08:01