CSS3教程(5):网页背景图片

CSS3教程(5):网页背景图片的相关文章

• 
  网页CSS背景图片使用的测试结果

  标签：Web开发

  这篇文章主要讲了CSS对背景图片渲染效率的一些经验和研究，在webjx.com中，还有着类似CSS效率的相关文章。 树型结构竖线用样式表（背景图）来实现，样式表背景图片只需要加载一次，而现在这个模式（用多个img）图片虽然有缓存机制，但还是有可以每张小图片都请求一次服务器的，所以我想用样式表来实现有多么的好呀，代码又精简，结构又清晰，效果又酷，但是结果我将近一个星期的测试，我这种设想...[ 查看全文 ]

  我要变美丽啦啦

  51
• 
  css 背景图片的定位问题

  标签：Web开发

  我总觉得，CSS中背景图片的定位有些似是而非，这个问题困扰我很久了，今天总算搞懂了，一定要记下来，防止忘记。 在CSS中，背景图片的定位方位有3种： 1）关键字：background-position: top right; 2）像素：background-position: 0px 0px; 3）百分比：background-position: 0% 0%; 上面这三句语句，都将图片定位在背景的左上角，表面上看效果是一样的，实际上第三种定位机制与...[ 查看全文 ]

  David_hyh

  451
• 
  CSS基础教程: CSS的Background Images 背景图片

  标签：Web开发

  背景图片Background Images有许多属性可以操作。 幸运的是，可以使用background处理所有： body {     background: white url(/jc/UploadFiles/200803/20080309225852658.gif) no-repeat top right; } 上面合并了下面属性： background-color出现在前面。  background-image图片的位置。  background-repeat图片重复...[ 查看全文 ]

  中大巨鼎

  71
• 
  html/css教程：背景图片的定位问题详解

  标签：Html CSS布局 Div+CSS XHTML

  在学习中遇到问题可以到 论坛 发贴交流！ 我们在研究其他的网站的样式的时候经常会发现一种情况，就是在很多background属性里都调用同一张图片，来满足网页各个部分的使用。打开这种图片看一下，会发现这张图片上包含了很多小图片，比如： 又如： 这些小图片就是整图分割后的各个部分，把各个部分放在一张图片上，而不是是分别存储成单独的图片，其目的我们都知道，就是减少http请求次数，节省时间...[ 查看全文 ]

  csszlb

  2231
• 
  CSS网页设计：百分比进行背景图片定位

  标签：Web开发

  此文为后来的教程做铺垫，转自这儿。百分数定位很有意思，可以实现非凡的效果。 大部分人应该习惯于使用描述性词语（left、top、center）或者数值（20px、1em）对背景图片定位，百分比可能比较少用，常见的有50%、100%等数值。例如希望背景图片水平居中，距离容器顶部20px，可以使用 background-position: 50% 20px; 之所以不使用 background-position: center 20px; 是因为类似这种描述性词语和...[ 查看全文 ]

  美丽不只是传说

  161
• 
  使用大背景图片的网页设计案例

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

    有一项 web设计 趋势已经流行一段时间了，但似乎势头依然不减，这便是使用 大背景图像 。这是一种增加设计吸引力简单有效的方法，用一张图片或插图就可奠定网站的整体色调。不过，这样做也有些孤注一掷，你创建的网站可能会显得太繁杂。因此，在背景与其他设计元素之间寻找平衡，就是一件十分重要的事情。为了给你一些启发，下面提供了30个高效运用此项技术的网站范例。     Stephan Si...[ 查看全文 ]

  让您灬贱笑了

  41
• 
  HTML背景颜色和背景图片

  标签：Web开发

  HTML的 body 有两个关于背景的属性，一个是 bgcolor，是设置背景颜色的；另一个是 background，是设置背景图片的。 bgcolor属性 bgcolor属性用来设置HTML网页的背景颜色。 示例 background属性 background属性用来设置HTML网页的背景图片。background属性值就是背景图片的路径和文件名，如： body background="../images/html_tutorials/blabla_Logo.gif" body background="http://www.admin5.com/htmlgi...[ 查看全文 ]

  施耐德小吕

  1761
• 
  用CSS来控制网页背景

  标签：Html CSS布局 Div+CSS XHTML

  ·背景颜色 background-color 我想这个我就不用多做介绍了，颜色代码我想大家都知道的，不是用英文来代替就是用指定的代码来表示的。这个的默认值是transparent（透明色）。 例：body{background-color:yellow} H1{background-color:#000000} ·背景图片 background-image 背景图片和背景颜色在HTML里面的设置也是基本相同的，都可以在里加入相关的语句来完成。但是在这里，我所指的并非是用这种方法，我用...[ 查看全文 ]

  颜战时代

  31
• 
  5个网站在线生成web背景图片

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  web背景图片在做设计、制作过程中会经常的应用到，有时候我们会因为设计web背景图片伤透脑筋儿，下面介绍的这几个网站可以轻松帮你搞定web背景图片的设计。 bgpatterns.com stripegenerator.com pixelknete stripedbgs tartanmaker.com [ 查看全文 ]

  love666809

  231
• 
  css 如何让背景图片拉伸填充避免重复显示

  标签：Web开发

  如何让背景图片拉伸填充，这个问题听起来似乎很简单。但是很遗憾的告诉大家。不是我们想的那么简单。 比如一个容器（body,div,span）中设定一个背景。这个背景的长宽值在css2.1之前是不能被修改的。 所以实际的结果是只能重复显示，所以出现了repeat,repeat-x,repeat-y,no-repeat这些属性。就是用来控制背景图片的显示的。 所以一般用作背景图片的有2类 ： 1.是一整张大图，尺寸和区域大小刚好吻合 2.一...[ 查看全文 ]

  ltcycyfm

  341
• 
  客厅背景图片强势袭来

  标签：家居设计

  客厅背景墙学问大，有的简约而又带些工业色彩，有的则可扩充空间感，还有大飘窗提升空间质感，更多客厅背景墙图片欣赏，快随小编看看吧! 客厅 设计重点：L型黄色沙发 在这个“小影院”中，主人不仅可以独自享受，还有足够的空间容纳客人一起观影，L型黄色沙发将为主人提供招待客人的空间。 客厅 设计重点：双客厅设计 宽敞的客厅空间利用两张风格不一的地毯划分出两个独立的休息区，再...[ 查看全文 ]

  Angelbaby_coco

  351
• 
  PPT背景图片怎么设置

  一：打开PPT软件，然后右键点击选择设置背景格式。   二：在弹出的面板中我们可以设置背景颜色，在这里有很多的背景选项，我们可以根据自己的需要进行设置哦！例如：选择渐变填充，然后在预设颜色中就有很多渐变效果可以进行选择。   三：图片或纹理设置中，提供了很多纹理，我们可以选择自己喜欢的纹理。   ...[ 查看全文 ]

  々謝絕こ崇拜ゥ

  4411
• 
  网页设计中如何让CSS控制网页背景？

  标签：Web开发

  在符合标准的网页设计中如何用CSS控制网页的背景呢？包括背景的颜色，背景的图片等一些问题，在本教程中一次给你讲清楚。 ·背景颜色 background-color 我想这个我就不用多做介绍了，颜色代码我想大家都知道的，不是用英文来代替就是用指定的代码来表示的。这个的默认值是transparent（透明色）。 例：body{background-color:yellow} H1{background-color:#000000} ·背景图...[ 查看全文 ]

  宵晓潇

  161
• 
  javascript+css一张背景图片的不同切换

  标签：Web开发

  div  style=" width:50px; height:38px;background-image:url(http://album.hi.csdn.net/app_uploads/wtcsy/20081108/143439085.p.png)" onmouseover="touch(this,52,0)" onMouseOut="restore(this)" index=0/div div  style=" width:50px; height:38px;background-image:url(http://album.hi.csdn.net/app_uploads/wtcsy/20081108/143439085.p.png); background-position:0px -35" onmouseover="t...[ 查看全文 ]

  方与圆之父

  241
• 
  CSS3教程(7):CSS3嵌入字体

  标签：Web开发

  想要制作一些很酷的头部效果而且摆脱网站安全字体并且不使用图片文件？那么就使用CSS3嵌入字体吧！ 上一篇：CSS3教程(6):创建网站多列 要使用一款字体，我们首先需要使用‘@font-face’属性。这必须先准备好我们要用的字体文件。 尽管这样，让我们简单的学习一下字体方面的历史。@font-face属性从CSS2就已经考虑了，但却始终在CSS2.1中还没有出现。CSS3尝试经它带到标准中来。 如果你手上没...[ 查看全文 ]

  不安静的失落

  21
• 
  Photoshop给图案背景图片更换颜色

  标签：PS PS基础

  先看看我们要做的图案 如果你没保存，可以新建一个1000*1000px的白色文件，在上面再建一层，用上次做的圆图案填充，如图所示。 给背景层添加纯色solid color： 我们完全可以像平时那样用PS常用颜色的填充命令给背景层换个颜色，但是为了使我们自己以后更具灵活性(下面我会演示和说明的)，请跟我一起做。 首先选中背景层，点击图层面板下方的创建新的填充或调整图层，即俗称的阴阳按钮， 选择纯...[ 查看全文 ]

  云中刀锋

  81
• 
  CSS3教程(4):网页边框和网页文字阴影

  标签：Web开发

  阴影大约从CSS2就开始有了，但是只有Safari一个浏览器支持它，到现在依然是这样。阴影在CSS3中可以应用在边框和文字上，就像图片的阴影效果一样。 上一篇介绍了：CSS3教程(3):border-color网页边框色彩 一般可以分为box-shadow和textshadow两类。 CSS3的box-shadow和textshadow可以写做：box-shadow:Apx Bpx Cpx #xxx; Apx = x轴 Bpx = y轴 Cpx = 投影长度 #XXX = 像通常一样的颜色 了解了这些，我们...[ 查看全文 ]

  血祭红罂粟

  11
• 
  为U盘更换背景图片步骤

  标签：电脑入门

  首先，将自己打算作为背景的图片放入U盘的根目录。将图片命名为一个由字母或数字的名字。如:abc.jpg,在根目录新建一个文本文件(也就是记事本文件)。输入以下内容(粘贴复制即可): [ExtShellFolderViews] {BE098140-A513-11D0-A3A4-00C04FD706EC}={BE098140-A513-11D0-A3A4-00C04FD706EC} [{BE098140-A513-11D0-A3A4-00C04FD706EC}] Attributes=1 IconArea_Image=abc.jpg [.ShellClassInfo] ConfirmFile...[ 查看全文 ]

  275609485

  41
• 
  网页背景设计技巧

  标签：Web开发

  网页中的背景设计是相当重要的，尤其是对于个人主页来说，一个主页的背景就相当于一个房间里的墙壁地板一样，好的背景不但能影响访问者对网页内容的接受程度，还能影响访问者对整个网站的印象。如果你经常注意别人的网站，你应该会发现在不同的网站上，甚至同一个网站的不同页面上，都会有各式各样的不同的背景设计。究竟都有哪些不同样式的背景，还有它们的设计方法都是怎样的呢，现在就由我来为大家作一个比...[ 查看全文 ]

  zk89517

  01
• 
  Photoshop打造创意的云彩背景图片

  标签：PS相片处理 PS基础 PS PS效果

  本教程更多的介绍如何拍摄创意的云彩图片。在拍摄之前，自己需要亲自动手制作出想要的云彩背景。然后用类似云彩的棉花铺到下面做出底部云彩。背景制作完成后就可以拍摄人物照片！非常有飘逸感。不过拍好的照片还需要重新修整背景及润色。 原图 最终效果 1、找到一张适合的天空素材。 2、拷贝了个图层添成白色在用渐变。 3、找到一张国外广告片把上面想要的素材拷贝...[ 查看全文 ]

  ally1860

  381