CSS教程:CSS的Background Images背景图片

　　背景图片Background Images有许多属性可以操作。

　　幸运的是，可以使用background处理所有：

　　上面合并了下面属性：

　　可以为大部分html元素设置背景图片，不只是整个页面(body)，可以用来制作简单但效果显著的美化，比如圆角等等不同的边角形状。

　　使用背影图片非常简单，而且可以使用在页面的任何地方。许多人喜欢使用色彩鲜艳的图片作为背景的页面，带给用户判读前台文字困难加大。这是一个极端的例子，但事实上，大部分对用户友好、可读性强的文本是白色背景上显示黑色，或是黑色背景显示白色(建议使用柔和的颜色做为背景，减少刺眼的颜色)

　　所以，最佳使用背景图片的位置要么是上面没有内容要么是背景非常淡，这样同样有利于减少图片大小，因为使用更少的颜色。(建议使用索引色格式，比如GIF)

时间： 2024-09-03 01:48:50

CSS教程:CSS的Background Images背景图片的相关文章

css教程:css+div图文混排

css教程:css图文混排今天我们看看比较高级的css+div进行图文混排吧,我们先来看看下面图的效果图片. 效果还不错吧,我们看看css代码. <dl class="week1" id="no1"> <dt><a><img src="images/unknow.gif" height="100" width="133"></a><

背景图片背景图片有许多属性可以操作. 幸运的是,可以使用background处理所有: body {background: white url(bg.gif) no-repeat top right;} 上面合并了下面属性: background-color出现在前面. background-image图片的位置. background-repeat图片重复的形式.背景图片可以重复repeat(这就像建筑用的瓦片一样),repeat-x在x轴(左右)重复,repeat-y在y轴(上下)重复,n

CSS教程:CSS命名参考

在XHTML中定义ID.CLASSS都用得上,主要是方面CSS定义样式时能一眼看穿.所以,CSS命名仅作参考. (1)页面结构类容器: container 页头:header 内容:content/container 页面主体:main 页尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper (2)导航类导航:nav 主导航:mainnav 子导航:subnav 顶导航:topnav 边导航:sidebar 左导航:lefts

css教程:CSS文件应该保持整洁和统一

一位网友遇到了一个头疼的问题.需要对经过若干次修改以后的网站进行重整,需要剔除冗余的代码,在CSS样式重整方面,比较头疼,不仅需要对现有的样式进行合并与精简,还需要为网站增加换肤功能. 不难看出,这是一个令人感觉很烦躁的工作,面对一行一行代码头皮发麻.如果我们养成良好的习惯,或许可以让工作更容易一些.就此问题与经验,以下的文字或许有很大的参考价值: 使用链接或者导入样式表的方法对于中阶或高阶的CSS开发人员来说都是再正常不过的事情,但是我在这里依然会强调一下这种方法的重要性.我见过的许多站点

css教程:CSS Padding 教程

该属性的CSS定义填充的空间要素之间的边界和元素含量. 来看几个例子吧. 代码如下复制代码 <html> <head> <style type="text/css"> td.test1 {padding: 1.5cm} td.test2 {padding: 0.5cm 2.5cm} </style> </head> <body> <table border="1"> <tr

利用jQuery和CSS将背景图片拉伸_jquery

现在WEB页面设计比较流行使用大背景图,那么您知道如何使用一张大背景图进行拉伸效果呢?也就是说使用一张固定尺寸的背景图片,让它在页面中随着浏览器尺寸进行拉伸,就像我们的电脑桌面壁纸效果.本文将带您一起使用jQuery和CSS实现背景图片拉伸效果. 将背景图片拉伸,而不是平铺,注意平铺效果我们可以使用CSS的background-repeat来实行背景图片的平铺效果,本文讨论的是背景图片的拉伸效果.这种效果在一些前卫的页面设计中已经广泛应用,尤其在一些独立页面,像登录页面使用拉伸的背景图片效果比较

为jframe窗口设置背景图片

终于成功实现了如何为jframe窗口设置背景图片了.下面是示例,请初学swring的朋友们参考学习! import java.awt.FlowLayout; import javax.swing.ImageIcon; import javax.swing.JButton; import javax.swing.JFrame; import javax.swing.JLabel; import javax.swing.JPanel; public class JFrameBackground {

java界面-Java怎么给窗口添加背景图片

问题描述 Java怎么给窗口添加背景图片 package Three; import javax.swing.JButton; import javax.swing.JFrame; import javax.swing.JLabel; import javax.swing.JPasswordField; import javax.swing.JTextField; public class CopyOfTest3 { JFrame frame = new JFrame("小小熊^_^管理系统&g

CSS教程&nbsp;12、CSS的Background&nbsp;Images&nbsp;背景图片

背景图片Background Images有许多属性可以操作. 幸运的是,可以使用background处理所有: 代码如下复制代码 body { background: white url(/images/bg.gif) no-repeat top right; } 上面合并了下面属性: background-color出现在前面. background-image图片的位置. background-repeat图片重复的形式.背景图片可以重复repeat(这就像建筑用的瓦片一样),