Heim >Web-Frontend >Front-End-Fragen und Antworten >So erreichen Sie abgerundete Ecken in CSS3
So erreichen Sie abgerundete Ecken in CSS3
- 藏色散人Original
- 2021-04-29 09:29:362578Durchsuche
So erreichen Sie abgerundete Ecken in CSS3: Geben Sie dann den HTML-Strukturcode ein und legen Sie schließlich den Stil „border:2px solid #a1a1;“ fest abgerundete Ecken erreichen.
Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer.
Wie erreicht man abgerundete Ecken in CSS3?
Die Eigenschaft border-radius ist eine Abkürzungseigenschaft, die zum Festlegen der vier Eigenschaften border-*-radius verwendet wird.
Tipp: Mit diesem Attribut können Sie abgerundete Ränder zu Elementen hinzufügen!
Abgerundete Ränder zu div-Elementen hinzufügen:
<!DOCTYPE html>
<html>
<head>
<style>
div
{
text-align:center;
border:2px solid #a1a1a1;
padding:10px 40px;
background:#dddddd;
width:350px;
border-radius:25px;
-moz-border-radius:25px; /* 老的 Firefox */
}
</style>
</head>
<body>
<div>border-radius 属性允许您向元素添加圆角。</div>
</body>
</html>Effekt:
Für detailliertere HTML/CSS-Kenntnisse besuchen Sie bitte die Spalte CSS-Video-Tutorial!
Das obige ist der detaillierte Inhalt vonSo erreichen Sie abgerundete Ecken in CSS3. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!