In CSS können Sie die Attribute width, height und „border-radius“ verwenden, um eine elliptische Schaltfläche zu implementieren, die als „button element {width: width value; height: height value; border-radius:100%; }".
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
So schreiben Sie eine ovale Schaltfläche in CSS
In CSS können Sie eine ovale Schaltfläche über das Attribut „border-radius“ implementieren.
Schauen wir uns ein Beispiel an:
Zuerst fügen wir dem Schaltflächenelement einen rechteckigen Stil hinzu Attribut zum Festlegen des Rechtecks. Ausgabeergebnis für Ellipse
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css制作椭圆按钮</title>
<style>
.anniu{
width: 200px;
height: 100px;
}
</style>
</head>
<body>
<button class="anniu">按钮</button>
</body>
</html>:
(Teilen von Lernvideos:
CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonWie schreibe ich einen ovalen Button in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
