css3 in border-color Property contains border-top-color, border-right-color,
border-bottom-color , border-left-color Property settings for four sides .

use CSS3 Of border-radius attribute , You can set different border colors .

If you set border The width of is X
px, Then you can be here border Use on X Colors , Display in each color 1px Width of . If your border The width of is 10 Pixels , But it only states 5 or 6 Colors , Then the last color will be added to the remaining width .

example :
<!DOCMENT HTML> <html> <head> <style> #one{width:300px;height:50px;border:10px
solid green;-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;}
</style> </head> <body> <div id="one"></div> </body> </html>

Technology
©2019-2020 Toolsou All rights reserved,
It's unexpected Python Cherry tree (turtle The gorgeous style of Library ) Some East 14 Pay change 16 salary , Sincerity or routine ? Browser kernel ( understand )java Four functional interfaces ( a key , simple )HashMap Explain in detail html Writing about cherry trees , Writing about cherry trees os Simple use of module