首页 > 其他分享 >HTML页面背景渐变

HTML页面背景渐变

时间:2023-04-06 18:05:07浏览次数:40  
标签:a2e06a 渐变 fafafa HTML endcolorstr IE 页面


设置HTML背景颜色渐变 可以用很多方法

诸如

1.用PS画张1400*2000的渐变图片,在BODY中设置为背景图片

2.用JS写

3.用CSS样式

 

我这里介绍第3种,

-----------------------------直接贴出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>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>无标题文档</title>
 <style>
 body{filter:progid:DXImageTransform.Microsoft.gradient(
 startcolorstr=#a2e06a,endcolorstr=#fafafa,gradientType=0);}
 </style>
 </head>
 </head><body>
 <center>
 <table height="1000px" width="500px">
 <tr>
 <td></td>
 </tr>
 </table>
 </center></body>
 </html>

----------------------------------------------------------------------------------------

这是IE里滤镜的效果,因此次方法只适合IE浏览器或以IE内核为主的浏览器,并且版本要不低于6.0版本,这个本人没亲自测试过,仅当借鉴

startcolorstr=#a2e06a //开始颜色

endcolorstr=#fafafa //结束颜色

gradientType=0 //模式 1为从左到右渐变 0为从上到下渐变

 

标签:a2e06a,渐变,fafafa,HTML,endcolorstr,IE,页面
From: https://blog.51cto.com/u_15999672/6173923

相关文章

  • winCE 页面绘制 例子一则
     效果如下:   usingSystem;usingSystem.Collections.Generic;usingSystem.ComponentModel;usingSystem.Data;usingSystem.Drawing;usingSystem.Text;usingSystem.Windows.Forms;usingSystem.IO;usingSystem.Reflection;usingSystem.Drawing.Imaging;n......
  • python requests-html
    #pipinstallrequests-html '''目标网站:https://pic.netbian.com'''fromrequests_htmlimportHTMLSessionimportre,osimportrequestsfromtqdmimporttqdmfromfunctoolsimportpartialfrommultiprocessingimportPools......
  • html 元素定位与接口请求总结
    1.下拉框环境:测试生产 <selectid="sid"onchange=""style="margin-right:20px;width:100px;"><optionid="dev"value="dev">测试</option><optionid="prod"value="prod"......
  • HTML
    HTML介绍网页和html介绍网页介绍静态网页与动态网页:静态网页:我们写好的html内容在浏览器中显示出来的效果始终都一样,不管次进行多少访问,如果想内容改变那么必须修改源代码。动态网页:页面的内容是由服务器端程序控制输出,比如不同的人使用相同的网站,但是显示的当前用户是不一样的......
  • 学习一 ——HTML的基础标签
    HTML意为超文本标记语言。在HTML+CSS+JS的体系中主要构建网站内容展示。<meta>设置编码方式例如UTF-8;GBK等。<ul>表示无序列表,<ol>有序列表<p>表示段落,<u>表示下划线 <b>字体加粗<i>斜体<sub>下标 <sup>上标 <alt>表示HTML元素本身的物件无法被渲染时,就可以显示alt......
  • vue3中路由错误自动跳转404页面 路由表写法
    定义路由表import{createRouter,createWebHashHistory}from"vue-router";constroutes=[ { path:"/", name:"home", component:Home, },//... { path:"/404", name:"404", component:()=&......
  • [K/3Cloud] 首页增加一个自定义页签及页面内容
    在K3Cloud登录后的门户首页增加一个页签,如增加一个【BBS论坛】 2013-7-3011:18:51上传下载附件 (84.81KB) 增加页签   可以这么来做:进入BOSIDE,找到名称为主控台经典版,唯一标识为BOS_MainConsoleSutra的动态表单;为它写一个继承自AbstractDynamicFormPl......
  • 网页一键分享按钮HTML代码
    在网页中加入以下代码可以实现网页的一键分享:<!DOCTYPEhtml><html><head><METAhttp-equiv="content-type"content="text/html;charset="UTF-8"><title>Inserttitlehere</title></head><body><divclass......
  • Selenium-处理弹窗弹出新页面的切换问题
    WebDriverWaitwait=newWebDriverWait(driver,TimeSpan.FromSeconds(60));wait.Until(driver=>{returndriver.WindowHandles.Count==waitforHandlesCount;});stringcurrent_handler=driver.Curren......
  • 第十七篇 HTML5 脚本编程
    bycaixin深圳跨文档消息传递跨文档消息传送(cross-documentmessaging),有时候简称为XDM,指的是在来自不同域的页面间传递消息。例如,www.wrox.com域中的页面与位于一个内嵌框架中的p2p.wrox.com域中的页面通信跨文档消息传递简称XDM,指不同域的页面间传递消息,XDM的核心是......