css实现渐变效果
<div style="FILTER:alpha(opacity=30 finishopacity=0 style=1) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=1); VERTICAL-ALIGN: middle; BORDER-LEFT: #f3f3f3 1px solid; WIDTH: 300px; PADDING-TOP: 4px; BORDER-BOTTOM: #f3f3f3 1px solid; HEIGHT: 100px" align="center"></div>
<!--
参数 说明
gradientType=1代表横向渐变,gradientType=0代表纵向淅变
渐变效果实现:filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FF0000,endcolorstr=#FFCC66,gradientType=1)
startcolorstr="色彩"代表渐变开头的色彩
endcolorstr="色彩"代表渐变结尾的色彩
opacity 透明度。默认的范围是从0 到 100,他们其实是百分比的形式。也就是说,0代表完全透明,100代表完全不透明。
finishopacity 是一个可选参数,如果想要设置渐变的透明效果,就可以使用他们来指定结束时的透明度。范围也是0 到 100。
style 指定透明区域的形状特征:
0 代表统一形状
1 代表线形
2 代表放射状
3 代表矩形
startx 渐变透明效果开始处的 X坐标。
starty 渐变透明效果开始处的 Y坐标。
finishx 渐变透明效果结束处的 X坐标。
finishy 渐变透明效果结束处的 Y坐标。
具体效果应用如下:
CSS滤镜实现 代码 效果拷屏&nb
相关文档:
<html>
<head>
<title>阴影特效文字</title>
<style type="text/css">
<!--
.effect{ &nb ......
在网页设计中,table用height:100%是可以整屏的,但需要在网页头部增加:
<!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">
后就和没 ......
一直以来我都以为css是无法限制字符长度的,最近才发现原来可以这样.最简单的兼容方法:
.textOverflow {
width:100px;
white-space:nowrap;/*限制单行输出*/
text-overflow:ellipsis;/*只支持IE6(+)*/
overflow: hidden;
-o-text-overflow: ellipsis;/*Opera专用*/
-moz-binding: url('ov.xml#ellipsis');/*firefox ......
<!--样式表是对标签样式的修改-->
<!--当对标签的样式重复定义时,使用距离最近的样式定义-->
<!--在html中导入css样式表-->
<link REL=stylesheet href="Untitled-1.css" type="text/css"> <!--在head标签中添加这行-->
<!--标签的选择-->
h1{font-size:20pt;color:r ......
起初的HTML的设计只是定义文档内容用,而对于文档布局则由浏览器来完成。后来由于浏览器服务商不断地将新的规范中,使得创建文档内HTML标签添加到HTML容清新独立于表现层的站点越来越复杂。为了解决这个问题,万维网联盟(W3C),肩负起了 HTML 标准化的使命,并在 HTML 4.0 之外创造 ......