HTML background color gradient achieved through CSS
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> |
<<: SQL implementation of LeetCode (175. Joining two tables)
>>: Sample code for changing the color of a png image through a CSS3 filter
Recommend
Detailed explanation of the practical application of regular expressions in JavaScript
In actual work, JavaScript regular expressions ar...
How to install Solr 8.6.2 in Docker and configure the Chinese word segmenter
1. Environment version Docker version 19.03.12 ce...
Detailed explanation of special phenomena examples of sleep function in MySQL
Preface The sleep system function in MySQL has fe...
jQuery implements simple button color change
In HTML and CSS, we want to set the color of a bu...
Explanation of Dockerfile instructions and basic structure
Using Dockerfile allows users to create custom im...
JS implements the dragging and placeholder functions of elements
This blog post is about a difficulty encountered ...
Detailed explanation of JavaScript data types
Table of contents 1. Literals 1.1 Numeric literal...
Interpretation of Vue component registration method
Table of contents Overview 1. Global Registration...
JavaScript to achieve JD.com flash sale effect
This article shares the specific code of JavaScri...
Detailed explanation of the whole process of building a personal blog with nginx+WordPress
0x00 Introduction WordPress is the most popular C...
JavaScript to achieve the idea of snake game
The implementation idea of the javascript game ...
How to install ZSH terminal in CentOS 7.x
1. Install basic components First, execute the yu...
How to restore single table data using MySQL full database backup data
Preface When backing up the database, a full data...
How many common loops do you know about array traversal in JS?
Preface As a basic data structure, arrays and obj...
Linux dual network card binding script method example
In Linux operation and configuration work, dual n...