随笔分类 -  css/html

摘要:现行渐变首先看下示例(1)垂直渐变(2)垂直渐变IE系列filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FF0000',endColorStr='#F9F900',gradientType='0');参数:startColorStr起始颜色 endColorStr结束颜色 gradientType为0时代表垂直,为1时代表水平Firefoxbackground: -moz-linear-gradient(top, #FF0000, #F9F900);参数:top 阅读全文
posted @ 2012-01-20 10:33 前端咖 阅读(4934) 评论(0) 推荐(0) 编辑
摘要:将所有标签的margin和padding都为0*{margin:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}body{ background:#FFFFFF; color:#000000; font-size:12px; font-weight:normal; font-family:微软雅黑,宋体,Arial;}a:link{color: Black;text-decoration: none;}a:visited{color: Black;text-decoration: none;}. 阅读全文
posted @ 2012-01-17 16:09 前端咖 阅读(409) 评论(0) 推荐(0) 编辑
摘要:box-shadow:length length length lengthcolorlength:阴影水平偏移值length:阴影垂直偏移值length:阴影模糊值length:阴影边框color:阴影颜色说明:设置块阴影box-shadow:3px 3px 6px 0px#666效果如下图:box-shadow:-3px -3px 6px 0px#666效果如下图:box-shadow:0px 0px 12px 0px#666效果如下图:box-shadow: 0px 0px 10px 5px #666效果如下图: 阅读全文
posted @ 2012-01-17 13:47 前端咖 阅读(676) 评论(0) 推荐(0) 编辑
摘要:border-radius:由浮点数字和单位标识符组成的长度值。border-top-left-radius --- 左上border-top-right-radius --- 右上border-bottom-right-radius --- 右下border-bottom-left-radius --- 左下说明:第一个值是水平半径,如果为0则为直角圆形border-radius:50px; width:100px; height:100px; border:1px solid red;半圆border-radius: 100px 0px 0px 100px; height: 100px; 阅读全文
posted @ 2012-01-16 17:24 前端咖 阅读(703) 评论(0) 推荐(0) 编辑