Shulou(Shulou.com)06/02 Report--

This article mainly shows you "what are the new functions of CSS3 under IE9", the content is simple and clear, and I hope it can help you solve your doubts. Let me lead you to study and learn this article "what are the new features of CSS3 under IE9?"

First, you have to install IE9.

If you don't have IE9 beata installed, try it here.

Http://windows.microsoft.com/en-US/internet-explorer/download/ie-9/worldwide

Select language and version

Or above FireFox3.1 version and above Opera9.5 version. I'm just testing it under IE9.

1. Border-radius attribute:

Good-looking shapes no longer need image to achieve. Let's see how to make a DIV appear irregular. And store some text in it. Use the border-radius property in CSS3:

Div {border: solid black; border-radius: 40px; height: 1in; width: 2in; overflow: hidden;}

Div shows:

2.background-clip attribute:

Background=clip can be used in conjunction with border-radius to design a good shape.

Css:

Display of two div:

3. Border-x-x-radius attribute

X stands for top,right,left,bottom. You can set x to whichever side you want to have a fillet. For example, top-right is the upper right corner and top-left is the upper left corner. In addition, you can add a percentage later to set the display Radian of the fillet

CSS:

Effect:

4. Div usage of backgroundMutual clip+ parent-child structure

CSS+Html:

Effect:

5. Fillet text input box

Css+Html:

Effect:

6. CSS3 uses the border attribute to draw a circle:

Css+Html:

These are all the contents of the article "what are the New functions of CSS3 under IE9". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.