Powerful rounded corner effect provided by Google

Source: Internet
Author: User

When designing a webpage, there are n methods to achieve the rounded corner effect. You can find a lot by Google. But what should we do if we don't want to write so much code by ourselves or simply don't want to use images on our servers? Not afraid, because Google itself hides an extremely powerful rounded corner effect, and we just need to dig it out and use it directly.


Below is the address of the Google rounded corner image:

Http://google.com/groups/roundedcorners?C= 0000ff &BC= White &W= 40 &H= 40 &A= Tr

The effect is as follows:

You can customize the attributes of the rounded corner image:

1.CSpecifies the color of the rounded corner image;
2.BCSpecifies the background color of the rounded corner image;
3.WAndHThe width and height of the rounded corner image;
4.AIndicates the direction of the rounded corner. TL indicates the upper left corner, TR indicates the upper right corner, BL indicates the lower left corner, and BR indicates the lower right corner.

For example, we can adjust the property parameters above and make a "Blue rounded corner image with width and height of 100px in the upper right corner ":

It can be seen that you do not need to write additional code or use images in your own space. All you need to do is to directly call the ready-made Google rounded corner image when designing a webpage, and define it as needed. Of course, the disadvantage of this is that when the Google server cannot be accessed, the rounded corner image cannot be displayed.

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.