ddgw.net
当前位置:首页 >> html渐变色应用代码 >>

html渐变色应用代码

body{backgound:{颜色URL(渐变图像)}

方式有两种,可以使用 CSS+图片 或 CSS+滤镜 实现,比如使用IE浏览器的Gradient 滤镜实现两个颜色(#FFFFFF/#3568CC)的渐变:<body style="filter:progid:DXImageTransform.Microsoft.Gradient (startColorStr='#FFFFFF', endColorStr='#3568CC', gradientType='0')"></body>

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8"><title>背景颜色渐变</title></head><style type="text/css">.color{ background-color: #dfe4ee;height:40px;line-height:40px; text-align: center;

CSS3支持颜色渐变,但目前主流浏览器对CSS3支持都不完全,甚至不支持.所以你可以使用背景图片来做,你要竖向渐变,可以将图片切成宽1px的背景,然后设置这个DIV的背景平铺.如:background:url(bg.gif) left right repeat-x;

HTML的话,貌似只能用img标签,插入一张渐变图片.或者用CSS3:参考 http://www.runoob.com/css3/css3-gradients.html

html中让背景颜色渐变步骤如下:1、打开html开发工具,新建一个html文件.2、在html代码页面创建一个<div>并给这个标签添加一个类如:linear.如图代码:<div class="linear"></div>.3、为类设置样式.在<title>后面创建一个<style>标签

这个是CSS3实现,必须浏览器支持<html><body><style type="text/css">.text-gradient { display: inline-block; color: green; font-size: 8em; font-family: 微软雅黑; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 128, 0, 1))

方法:根据浏览者的分辨率自动调用样式表 1、新建两个样式表分别命名为:1024.css 800.css(当然有更多分辨率,可以增加样式表) 2、在样式表中分别定义好图片作为网页背景. 3、新建一个网页文件,把下面代码复制过去. <script

//system.color是一个系统自定义的枚举,可以选择颜色.如果是在wpf编程中,则应该使用textbox.background属性,结果量个brush,以实现过度色背景等各种不同效果的背景.

在网页代码的<head>和</head>中间加如下代码 <META http-equiv=Page-Enter content=blendTrans(Duration=0.8)> page-enter:进入页面出现渐变 page-exit:退出页面出现渐变 site-enter:进入网站首页出现渐变 blendTrans:渐变模糊滤镜

网站首页 | 网站地图
All rights reserved Powered by www.ddgw.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com