A detailed description of the border picture

Source: Internet
Author: User
Fillet: Border-radius Shadow: Box-shadow Border Picture: Border-image box inside minus: Box-sizing:border-box; fillet: Border-radius: Pixels/ Percent a value set is the box of the four corners of the horizontal and vertical radius of each corner can be set separately, the order of values is left upper right up to the lower right lower left down clockwise setting can be abbreviated, logic with padding and margin units support pixels, and percentages (referring to the width and height) can be used with the horizontal radius/ The vertical RADIUS controls the radius individually, and each radius can be individually controlled p:nth-child (5) {border-radius:0px 200px;} P:nth-child (7) {width:400px; &

1. CSS3 about fillets and shadows, as well as border pictures and in-box subtraction

Summary: A value set is the box of the four corners of the horizontal and vertical radius of each corner can be set separately, the order of values is left upper right up to the left down clockwise setting can be abbreviated, logic with padding and margin units support pixels, and percentages (referring to the width and height)

2. CSS3 Round Corner, box shadow and border picture detailed

Introduction: Today began to organize CSS3 knowledge should be written last night, but it seems to be acute gastroenteritis, the pain of the night did not sleep, blue thin shiitake mushrooms Fortunately, today drip sleep a good, it seems that this food or pay attention to a good, my gastrointestinal revenge of the CSS is no hard, But look at the same time you want to try on the browser, try to remember the light do not do a white look CSS3 each browser is a compatibility problem of different browsers have different prefixes of private properties, indicating that the property or rule has not become the standard in other words, the official has not published the standard, the various

3. Ritina CSS3 Border picture in Retina screen The problem of pixel virtual edge _html/css_web-itnose

Introduction: Ritina CSS3 Border picture in Retina screen The problem of pixel virtual edge

4.23rd Chapter CSS3 Border Picture effect-water Original

Introduction: The 23rd Chapter CSS3 Border Picture effect-water Original

"Related question and answer recommendation":

Front end-egg pain problems using CSS3 's border-image?

CSS-About Border-image

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.