HTML background color gradient effect achieved through CSS style
Effect screenshots: Implementation code: Copy code The code is as follows:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title></title> <style type="text/css"> .linear{ width:100%; height:600px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=##15A216,endColorStr=#fafafa); /*IE*/ background:-moz-linear-gradient(top,#15A216,#fafafa);/*Firefox*/ background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#15A216), to(#fafafa));/*Google*/ background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #15A216),color-stop(1, #fafafa));/* Safari & Chrome*/ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#15A216', endColorstr='#fafafa'); /*IE6 & IE7*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#15A216', endColorstr='#fafafa')"; /* IE8 */ } </style> </head> <body> <div class="linear"></div> </body> </html> |
<<: Determine the direction of mouse entry based on CSS
>>: Common CSS Errors and Solutions
Recommend
A brief analysis of how MySQL implements transaction isolation
Table of contents 1. Introduction 2. RC and RR is...
How to check whether the graphics driver has been successfully installed in Ubuntu
Run the command: glxinfo | grep rendering If the ...
Complete steps to enable gzip compression in nginx
Table of contents Preface 1. Configure gzip compr...
JavaScript BOM location object + navigator object + history object
Table of contents 1. Location Object 1. URL 2. Pr...
Several ways to easily traverse object properties in JS
Table of contents 1. Self-enumerable properties 2...
Ubuntu 20.04 connects to wifi (2 methods)
I recently installed Ubuntu 20.04 and found that ...
Tutorial on installing and configuring Tomcat on Alibaba Cloud Server and adding external network access ports
Alibaba Cloud Server installs and configures Tomc...
CentOS 7.6 Telnet service construction process (Openssh upgrade battle first task backup transport line construction)
Whenever I have any unclear questions, I come to ...
Excel export always fails in docker environment
Excel export always fails in the docker environme...
Detailed tutorial on installing Python 3 virtual environment in Ubuntu 20.04
The following are all performed on my virtual mac...
Detailed graphic tutorial on downloading and installing VirtualBox software and installing and deploying it in Linux environment
1. Download and install VirtualBox software First...
jQuery implements Table paging effect
This article shares the specific code of jQuery t...
Nginx uses Lua+Redis to dynamically block IP
1. Background In our daily website maintenance, w...
How to change MySQL character set utf8 to utf8mb4
For MySQL 5.5, if the character set is not set, t...
Sending emails in html is easy with Mailto
Recently, I added a click-to-send email function t...