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>

Detailed explanation of JavaScript private class fields and TypeScript private modifiers

Blog

HTML background color gradient achieved through CSS

Solution to the problem of English letters not wrapping in Firefox

Analyzing the MySql CURRENT_TIMESTAMP function by example

Detailed explanation of JavaScript private class fields and TypeScript private modifiers

Detailed explanation of jQuery's core functions and event handling

A brief analysis of React's understanding of state

Elementui exports data to xlsx and excel tables

A brief discussion on how to elegantly delete large tables in MySQL

mysql group_concat method example to write group fields into one row

Vue3 (Part 2) Integrating Ant Design Vue

Detailed explanation of global parameter persistence in MySQL 8 new features

Recommend

How to set the height of the autosize textarea in Element UI

CentOS 8 system FTP server installation and passive mode configuration detailed tutorial

Optimization methods when Mysql occupies too high CPU (must read)

Ubuntu Server 18.04.5 LTS Server Edition Installation and Configuration Graphic Tutorial

Detailed explanation of front-end security: JavaScript anti-http hijacking and XSS

XHTML: Frame structure tag

How to use HTML 5 drag and drop API in Vue

Example of Vue implementing fixed bottom component

MySQL database constraints and data table design principles

JavaScript uses canvas to draw coordinates and lines

Table paging function implemented by Vue2.0+ElementUI+PageHelper

HTML form submission method case study

Weird and interesting Docker commands you may not know

A brief analysis of controlled and uncontrolled components in React

The JS hasOwnProperty() method detects whether a property is an object's own property.