Border color gradient effect
The code is as follows:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Border-color</title> </head> <body> <div style="border: 8px solid #000; -moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc; -moz-border-top-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc; -moz-border-left-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc; -moz-border-right-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc; padding: 5px 5px 5px 15px;"> 在Firefox浏览器里能看到边框颜色渐变效果 </div> </body> </html>
border:
##8px solid represents the solid border of 8 pixels Line (solid) color is black
The border is set The width is X px, then you can use X colors on this border, each color showing a width of 1px. If say your border is 10 pixels wide but only declares 5 or 6 colors, then the last color will be added to the remaining width.
Show results:
new file
<?php
echo "边框颜色渐变效果";
Preview
Clear
- Course Recommendations
- Courseware download
The courseware is not available for download at the moment. The staff is currently organizing it. Please pay more attention to this course in the future~
Students who have watched this course are also learning
Let's briefly talk about starting a business in PHP
Quick introduction to web front-end development
Large-scale practical Tianlongbabu development of Mini version MVC framework imitating the encyclopedia website of embarrassing things
Getting Started with PHP Practical Development: PHP Quick Creation [Small Business Forum]
Login verification and classic message board
Computer network knowledge collection
Quick Start Node.JS Full Version
The front-end course that understands you best: HTML5/CSS3/ES6/NPM/Vue/...[Original]
Write your own PHP MVC framework (40 chapters in depth/big details/must read for newbies to advance)