You can see the border color gradient effect in Firefox browser
In safari3 and FF3.5 browsers You can see the border background image in
You can see the rounded corner effect in Firefox and Safari 3 browsers
You can see the effect in FF and Safari
The following is the definition of border style. First of all, the following style is the definition content of html5. For browsers, IE8 and browsers below IE8 have many compatibility issues, but IE9 browser The compatibility effect has been achieved:
border-color: #ccc #aaa #999 #666 #777; definition
Use the border-radius attribute of CSS3, if you set If the width of the border 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.
border-radius:5px;
The following is the test content of some definition attributes of border: