用css实现网页背景图片居中的三种方法:
下面介绍三种方法实现网页背景图片居中.
1、第一种：用50%设定，很方便：
<div style="width:900px;height:600px;background:url(http://www.corange.cn/images...
网站开发代码
ASP,PHP,JSP,JS,ASP.NET,DIV,CSS等网站建设相关技术
October 21, 2009, 8:54 pm
用css实现鼠标链接悬停提示效果
用css实现鼠标链接悬停提示效果,模仿html中的title属性:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "htt...
阅读全文 | 分类: CSS |
October 16, 2009, 9:47 am
用纯css制作的折叠式菜单
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
#menu { overflow:hidden; back...
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
#menu { overflow:hidden; back...
阅读全文 | 分类: CSS |
October 14, 2009, 10:11 am
纯CSS下拉菜单
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&...
阅读全文 | 分类: CSS |
October 8, 2009, 3:06 pm
IE8 CSS hack，单独区别IE8 css的方法
最近很多人升级了IE8，之前的代码有小问题，这边找了一下相关的css hack
区别各个IE版本的方法
color:#0000FF\9的hack支持IE6-IE8（其他版本没有测试），但是IE8不能识别“*”和“_”的css hack，所以我们可以使用...
区别各个IE版本的方法
color:#0000FF\9的hack支持IE6-IE8（其他版本没有测试），但是IE8不能识别“*”和“_”的css hack，所以我们可以使用...
阅读全文 | 分类: CSS |
September 27, 2009, 10:41 pm
鼠标经过图像变化导航和background-position
background-position中的值 如果用像素表示，那么一定是小于或者等于0的，这个X轴和数学中的X轴相反，放一个图片就明白了
顺便放一个实例...
顺便放一个实例...
阅读全文 | 分类: CSS |
September 23, 2009, 8:56 pm
用css固定表格(table)或div的宽度
用css固定表格(table)或div的宽度,不随内容的增多而加宽:
有时候在table或div中显示文字的时候，如果是汉字，文章会根据table和div的width属性自动分行，但如果是英文，当单词长度超过table或div宽度的时候，table...
有时候在table或div中显示文字的时候，如果是汉字，文章会根据table和div的width属性自动分行，但如果是英文，当单词长度超过table或div宽度的时候，table...
阅读全文 | 分类: CSS |
September 20, 2009, 9:13 pm
图片按照百分比显示，按照指定百分比显示
<style type="text/css">
<!--
body {
font-size: 12px;
text-align: center;
margin: 0;
padding: 0;
}
#pic{
margin:0 auto;
width:90%;
padding:0;
border:1px sol...
<!--
body {
font-size: 12px;
text-align: center;
margin: 0;
padding: 0;
}
#pic{
margin:0 auto;
width:90%;
padding:0;
border:1px sol...
阅读全文 | 分类: CSS |
September 20, 2009, 9:09 pm
固定像素适应，图片大于或者小于指定像素都按照指定像素的宽度
图片大于或者小于指定像素都按照指定像素的宽度
<style type="text/css">
<!--
body {
font-size: 12px;
text-align: center;
margin: 0px;
padding: 0px;
}
#pic{
margin:0 ...
<style type="text/css">
<!--
body {
font-size: 12px;
text-align: center;
margin: 0px;
padding: 0px;
}
#pic{
margin:0 ...
阅读全文 | 分类: CSS |
September 16, 2009, 8:51 pm
用css中的white-space属性实现中文词组自动换行
用css中的white-space属性实现中文词组自动换行:
用法:
white-space:通过HTML文档的源代码的排版方式控制页面显示文本的排版方式
取值: normal | pre | nowrap | pre-wrap | pre-line | inherit
normal: 正常...
用法:
white-space:通过HTML文档的源代码的排版方式控制页面显示文本的排版方式
取值: normal | pre | nowrap | pre-wrap | pre-line | inherit
normal: 正常...
阅读全文 | 分类: CSS |
网站目录
:: Copyright 2004-2006 PhpBlog.Cn. All Rights Reserved ::