2011年10月17日
制作圆角矩形框（可改变宽度）
摘要： 首先用photoshop新建一个宽300px,高30px的画布，透明制作成此图像保存。通过旋转画布分别制出其他三个角。制作原理如图：具体步骤：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta ht 阅读全文
posted @ 2011-10-17 10:00 蓝之光 阅读(249) 评论(0) 推荐(0) 编辑
2011年10月13日
设置表格边框示例
摘要： 运用这些标签，可以更好、更灵活的控制表格样式，美化表格 阅读全文
posted @ 2011-10-13 10:15 蓝之光 阅读(147) 评论(0) 推荐(0) 编辑
表格隔行变色
摘要： 静态下<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=g 阅读全文
posted @ 2011-10-13 10:03 蓝之光 阅读(191) 评论(0) 推荐(0) 编辑
2011年10月11日
CSS浏览器兼容
摘要： IE6/IE7和Firefox对Div处理的差异基本HTML代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head><title>Div Float Sample</title><st 阅读全文
posted @ 2011-10-11 19:53 蓝之光 阅读(95) 评论(0) 推荐(0) 编辑
2011年10月10日
八边形导航条
摘要： 代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset 阅读全文
posted @ 2011-10-10 15:46 蓝之光 阅读(221) 评论(0) 推荐(1) 编辑
2011年9月29日
div+css 简单导航
摘要： 阅读全文
posted @ 2011-09-29 10:03 蓝之光 阅读(106) 评论(0) 推荐(0) 编辑
2011年9月26日
项目列表
摘要： disc :实心圆circle :空心圆square: 正方形decimal:1,2,3,4,5upper-alpha:A,B,C,D,E,Flower-alpha:a,b,c,d,e,fupper-roman:Ⅰ,Ⅱ,Ⅲ,Ⅳ,Ⅴ,Ⅵ,Ⅶ,Ⅷ,Ⅸ,Ⅹlower-roman:i,ii,iii,ivnone:不显示任何符号例： 阅读全文
posted @ 2011-09-26 11:30 蓝之光 阅读(95) 评论(0) 推荐(0) 编辑
连接状态样式
摘要： a:link 超链接的普通样式，即正常浏览的样式。a:visited 被点击过的超链接的样式。a:hover 鼠标指针经过超链接时的样式。a:active 在超链接上单击时，即“当前激活”时，超链接的样式。 阅读全文
posted @ 2011-09-26 08:37 蓝之光 阅读(104) 评论(0) 推荐(0) 编辑
标题的图像替换
摘要： （1） 显示图像，隐藏文字（2） 用text-indent属性把字缩进（3） 用position属性中的绝对定位(absolute)用图片把字盖住。 阅读全文
posted @ 2011-09-26 08:12 蓝之光 阅读(167) 评论(0) 推荐(0) 编辑
Position属性
摘要： 1、 static：静态定位。这种定位方式可以不写，是系统默认的。2、 relative：相对定位。相对本来位置（标准位置）性质：㈠使用相对定位的盒子会相对于它原来位置偏移指定的距离㈡使用相对定位的盒子仍在标准流当中，它的偏移对父亲、兄弟盒子没有任何影响。3、 absolute：绝对定位。盒子的位置以它所在已定位的盒子为基准进行偏移。性质：㈠绝对定位相对于它所处的容器来说的位置㈡使用绝对定位的盒子不在标准流当中。4、 fixed：固定定位。是相对于浏览器窗口的定位方式。 阅读全文
posted @ 2011-09-26 08:11 蓝之光 阅读(140) 评论(0) 推荐(0) 编辑