背景选项(下)你的网站

背景选项(下)你的网站

其中最重要的属性是网页的底部,从本文中,我将告诉你如何配置与使用(CSS)的样式表所有可能的属性相同。

首先,我们必须知道,在样式表元素,我们增加了我们的基金财产的成员是“身体”。 首先,我们做一个很简单的16进制颜色。

 
 2
 3
 4
 5
  身体

 #000000 ; 背景色:#000000;

  

相当简单吧??...只要把字的背景色,添加色彩这里是黑色的。

我们现在做的东西多一点复杂,我们将成立我们的基金,使你有一个形象和色彩。

 
 2
 3
 4
 5
 6
 7
  身体

 #000000 ; 背景色:#000000;

 url ( tu_imagen.png ) ; 背景图像: 网址 (tu_imagen.png)

  

一切似乎很容易啊?..简单的写背景形象,其次是文字链接,然后是我们的形象定位。

我们要求现在,我们如果我们的背景图片是很小的,我们不想重复下去吗?

为此我给你一个样品图片,也许帮助您更好地理解代码如下。

repbackground

我们看到了最常用的三个背景重复属性,一切都取决于你的形象,这里是一个简单的三矩形(在与无重复第三图片1),重复,因为我们可以看到更多我们要到什么是符合表1。

 
 2
 3
 4
 5
 6
 7
 8
 9
  身体

 #000000 ; 背景色:#000000;

 url ( tu_imagen.png ) ; 背景图像: 网址 (tu_imagen.png)

 repeat-x ; 背景,重复: 重复- X的;

  

这是很容易吗?

现在,在已经内嵌框架不想动议基金多页,也就是说,当您移动的内容,背景图片是一成不变的,可以看看我们做到了。

 
 2
 3
 4
 5
 6
 7
 8
 9
 10
 11
  身体

 #000000 ; 背景色:#000000;

 url ( tu_imagen.png ) ; 背景图像: 网址 (tu_imagen.png)

 repeat-x ; 背景,重复: 重复- X的;

 fixed ; 背景-附件: 固定;

  

准备好了!,随着财产保全,我们达到这种效果。

现在....我们希望我们的基金在页面上的特定位置,我们将实现与bakground位置财产这一点,让我们来看看。

 
 2
 3
 4
 5
 6
 7
 8
 9
 10
 11
 12
 13
 : #000000 ; background-image : url ( tu_imagen.png ) ; background-repeat : repeat-x ; background-attachment : fixed ; background-position : bottom ; } (背景色:#000000;背景图像: 网址 (tu_imagen.png); 背景,重复: 重复- X的; 背景,附件: 固定; 背景位置:底部;) 

准备好了,我们的基金是基于对我们的网站放在地上,背景位置属性可以有很多值(上,下,左,rigth,中心),甚至如果这些选项,你要阻止你的背景没有,你可以添加一个以百分比(一特定数量的比例为高,一边一个)。

 
 2
 3
 4
 5
  身体

 52% 36% ; 背景位置:52%36%

  

第一个百分比是为高,横向位置第二位。

现在到了最佳的部分,创造了一些懒惰写我们不喜欢这么多次的单词“背景”,因此“我们可以把所有的显示在上面一行的属性,看看它是什么好处。

 
 2
 3
  身体
 #000000 url ( FKLDKDFL.png ) repeat-x fixed 56% 36% ; 背景:#000000 网址 (FKLDKDFL.png) 重复- X的固定 56%36%
  

好吧?,因为现在你没有借口不完美有基金,您希望您的网页上应用这些影响?。

迈克尔是创造者和skyandstars.net它出版指南和WordPress的,CuteNews的,PHP,HTML和更多教程主编。 目前是大学生。

Mijael166

也许这些条目1您可能感兴趣的

发表评论

名称(必填)

电子邮件(必须的,但不公布)

网站

评论(必填)

*您的E - mail是用来与您的帐户在它的Gravatar