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

Editor to share with you how to use CSS to create flat graphics code, I believe most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

1. Rectangle

.rectangle {

Width: 250px

Height: 150px

Background-color: # 6DC75F

}

two。 Triangle

.triangleUp {

Border-left: 75px solid transparent

Border-right: 75px solid transparent

Border-bottom: 150px solid # 6DC75F

Width: 0

Height: 0

}

3. Oval shape

.oval {

Width: 300px

Height: 150px

Background: # 6DC75F

-moz-border-radius: 150px / 75px

-webkit-border-radius: 150px / 75px

Border-radius: 150px / 75px

}

4. Crescent shape

.moon {

Width: 150px

Height: 150px

Border-radius: 50%

Box-shadow: 15px 15px 0 0 green

}

5. Leaves

.leaf {

Border-radius: 5px 300px 3px 300px

Background: # 6DC75F

Width: 150px

Height: 150px

}

The above is all the content of the article "how to use CSS to create graphic code". 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.