Borders in CSS

Source: Internet
Author: User
Tags border color

Picture Making rounded Box

fixed-width round corner box

The top fillet picture is applied to the top of the first child element of the Div, and the bottom rounded picture is applied to the bottom of the div box

Fixed width rounded box with adaptive height

The DIV has a repeating background that applies the top rounded picture to the first child element of the Div, and the bottom fillet picture applied to the bottom of the last child element

Fixed width rounded box with adaptive height

The four corners of the fillet box correspond to the four elements, and the position of each element where the picture is placed is coincident with the corner of the large box. Use the percentage to set the width of the box to scale and scale according to the browser window size.

CSS code border

border: Border-width border-style Border-color

BorderStyle: None/hidden/solide/dotted/dashed/double/groove (3D groove Border)/Ridge (3D Ridge Border)/inset (inset border)/outs ET (inset border)/Inhere

3D border depends on Border-color border-color: Border color

border-width: Border width can be set to top, right, bottom, left

Border-*-radius: Border fillet box-shadow:h-shadow (horizontal shadow) V-shadow (vertical shadow) blur (blur distance) spread (shadow size) color (shadow color) inset (changes the outer shadow to an inner shadow);

Borders in CSS

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.