首页 > 代码库 > CSS画图

CSS画图

The Shapes of CSS

All of the below use only a single HTML element. Any kind of CSS goes, as long as it‘s supported in at least one browser.

Square

 
<style></style>
 

Rectangle

 
<style></style>
 

Circle

 
<style></style>
 

Oval

 
<style></style>
 

Triangle Up

 
<style></style>
 

Triangle Down

 
<style></style>
 

Triangle Left

 
<style></style>
 

Triangle Right

 
<style></style>
 

Triangle Top Left

 
<style></style>
 

Triangle Top Right

 
<style></style>
 

Triangle Bottom Left

 
<style></style>
 

Triangle Bottom Right

 
<style></style>
 

Curved Tail Arrow via Ando Razafimandimby

 
<style></style>
 

Trapezoid

 
<style></style>
 

Parallelogram

 
<style></style>
 

Star (6-points)

 
<style></style>
 

Star (5-points) via Kit MacAllister

 
<style></style>
 

Pentagon

 
<style></style>
 

Hexagon

 
<style></style>
 

Octagon

 
<style></style>
 

Heart via Nicolas Gallagher

 
<style></style>
 

Infinity via Nicolas Gallagher

 
<style></style>
 

Diamond Square via Joseph Silber

 
<style></style>
 

Diamond Shield via Joseph Silber

 
<style></style>
 

Diamond Narrow via Joseph Silber

 
<style></style>
 

Cut Diamond via Alexander Futekov

 
<style></style>
 

Egg

 
<style></style>
 

Pac-Man

 
<style></style>
 

Talk Bubble

 
<style></style>
 

12 Point Burst via Alan Johnson

 
<style></style>
 

8 Point Burst via Alan Johnson

 
<style></style>
 

Yin Yang via Alexander Futekov

 
<style></style>
 

Badge Ribbon via Catalin Rosu

 
<style></style>
 

Space Invader via Vlad Zinculescu

 
<style></style>
 

TV Screen

 
<style></style>
 

Chevron via Anthony Ticknor

 
<style></style>
 

Magnifying Glass

 
<style></style>
 

Facebook Icon via Nathan Swartz

 
<style></style>
 

Cone via Omid Rasouli

 
<style></style>
 

Moon via Omid Rasouli

 
<style></style>
 

Flag via Zoe Rooney

 
<style></style>

CSS画图