In diesem Artikel wird die Verwendung von CSS zum Zeichnen eines Beispiels für ein Tai Chi-Diagramm (Yin Yang Bagua) vorgestellt
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 | #yin-yang {
width : 96px ;
height : 48px ;
background : #eee ;
border-color : red ;
border-style : solid ;
border-width : 2px 2px 50px 2px ;
border-radius: 100% ;
position : relative ;
}
#yin-yang:before {
content : "" ;
position : absolute ;
top : 50% ;
left : 0 ;
background : #eee ;
border : 18px solid red ;
border-radius: 100% ;
width : 12px ;
height : 12px ;
}
#yin-yang:after {
content : "" ;
position : absolute ;
top : 50% ;
left : 50% ;
background : red ;
border : 18px solid #eee ;
border-radius: 100% ;
width : 12px ;
height : 12px ;
}
|
Nach dem Login kopieren
Das obige ist der detaillierte Inhalt vonVerwenden Sie CSS, um ein Beispiel für ein Tai Chi-Diagramm (Yin Yang Bagua) zu zeichnen.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!