1. Bildrand
Im Abschnitt „CSS-Rand“ erklären wir das Randattribut im Detail. In CSS verwenden wir auch das Attribut „border“, um den Rand des Bildes zu definieren.
Syntax:
border-width: Pixelwert;
border-style: Attributwert;
border -color: Farbwert;
Hinweis: Oder verwenden Sie die prägnante Randschreibmethode, z. B. „border:1px solid grey;“.
Hinweis:
Wenn Sie das Randattribut vergessen, gehen Sie bitte noch einmal zurück und überprüfen Sie es selbst.
Beispiel 1:
<!DOCTYPE html>
<head>
<title>图片边框border</title>
<style type="text/css">
img
{
width:60px;
height:60px;
border:1px solid red;
}
</style>
</head>
<body>
<img src="../App_images/lesson/run_cj/cartoongirl.gif" alt=""/>
</body>
</html>Der Vorschaueffekt im Browser ist wie folgt:
Beispiel 2:
<!DOCTYPE html>
<head>
<title>图片边框border</title>
<style type="text/css">
img{width:60px;height:60px;}
img:hover{border:1px solid gray;}
</style>
</head>
<body>
<img src="../App_images/lesson/run_cj/cartoongirl.gif" alt=""/>
</body>
</html>Der Vorschaueffekt im Browser ist wie folgt:
Analyse: In diesem Beispiel verwenden wir die „:hover-Pseudoklasse“, um dieses Grau zu definieren erscheint, wenn die Maus über den Bildrahmen fährt.
Weitere einführende CSS-Tutorials: Artikel zum Thema Bildrand finden Sie auf der chinesischen PHP-Website!
Vorteile des SPS-Steuerungssystems
Ordner unter Linux löschen
Einführung in Artikel-Tag-Attribute
Wie tippe ich die Inschrift auf dem Münzkreis ein?
Was bedeutet MLM-Münze? Wie lange dauert es normalerweise, bis es zusammenbricht?
Allgemeine Verwendung von Array.slice
Die zehn besten Börsen für digitale Währungen
Liste der Windows 10-Aktivierungsschlüssel
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
