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.