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
Use of Linux bzip2 command
1. Command Introduction bzip2 is used to compress...
Solution to MySQL error code 1862 your password has expired
The blogger hasn't used MySQL for a month or ...
How to Set Shortcut Icons in Linux
Preface Creating shortcuts in Linux can open appl...
Implementation of docker view container log command
Why should we read the log? For example, if the c...
CentOS 7.6 installation of MySQL 5.7 GA version tutorial diagram
Table of contents Environment Preparation Environ...
The best solution for implementing digital plus and minus buttons with pure CSS
Preface: For the implementation of digital additi...
Implementing login page based on layui
This article example shares the specific code of ...
TypeScript decorator definition
Table of contents 1. Concept 1.1 Definition 1.2 D...
Docker image compression and optimization operations
The reason why Docker is so popular nowadays is m...
Analysis of MySQL data backup and recovery implementation methods
This article uses examples to describe how to bac...
MySQL database architecture details
Table of contents 1. MySQL Architecture 2. Networ...
Websocket+Vuex implements a real-time chat software
Table of contents Preface 1. The effect is as sho...
How to preview pdf file using pdfjs in vue
Table of contents Preface think Library directory...
MySQL 8.0.12 installation and environment variable configuration tutorial under win10
Installation, configuration, startup, login and c...
How to insert pictures into HTML pages and add map index examples
1. Image formats supported on the WEB: GIF: can s...