Home  >  Article  >  Web Front-end  >  div css definition of border style_html/css_WEB-ITnose

div css definition of border style_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:29:031223browse

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:




The definition of border in html5:





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


< ;/body>

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn