随笔分类 -  CSS

div 圆边框(用图片) 摘抄二
摘要：我使用的图像和上面有点不同，只是四个边框。当宽度变小时，右边的图像会覆盖左边的图像。当高度变小时，上面的图像会覆盖下面的。所以图像的覆盖顺序是这样的（从被覆盖到覆盖）：buttom-left <—— buttom.right <—— top-right <—— top.left四个图像，需要四个Html元素，所以它的Html不可避免使用了额外的div，如下：复制代码代码如下:<div class="box"> <div class="box-outer"> <div class="box-inne 阅读全文

posted @ 2011-11-14 11:52 zg_heng 阅读(2045) 评论(0) 推荐(0)

div 圆边框 摘抄一
摘要：<!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" lang="zh-CN"><head><meta http-equiv="Content-Type" content=&quo 阅读全文

posted @ 2011-11-14 11:52 zg_heng 阅读(1494) 评论(0) 推荐(0)

CSS3实现背景颜色渐变 摘抄
摘要：一. Webkit浏览器 (1) 第一种写法： background:-webkit-gradient(linear ,10% 10%，100% 100%， color-stop(0.14,rgb(255,0,0)), color-stop(0.5,rgb(255,255,0)), color-stop(1,rgb(0,0,255))); 第一个参数：表示的是渐变的类型 linear线性渐变 第二个参数：分别对应x，y方向渐变的起始位置 第三个参数：分别对应x，y方向渐变的终止位置 第四/五/N个参数：设置渐变的位置及颜色 (2)第二种写法：这种写法比较简单，而且效果比较自然 back... 阅读全文

posted @ 2011-11-14 11:50 zg_heng 阅读(93533) 评论(2) 推荐(1)

导航