border-image-source propertyLegen Sie den Pfad des Bildes fest [keine < Bild>]
1 2 3 4 | p {
border : 20px solid #000 ;
border-image-source: url (border.png);
}
|
Nach dem Login kopieren
Border-Image-Slice-Attribut Bildrand nach innen versetzt [
1 2 3 4 5 | <strong>p {
border : 20px solid #000 ;
border-image-source: url (border.png);
border-image-slice: 27 , 27 , 27 , 27 ;
}</strong>
|
Nach dem Login kopieren
border-image-width-Eigenschaft legt die Breite des Bildrandes fest [|< number> ; | | set Das Attribut legt die Größe des Randbildbereichs über den Rand hinaus [ |
1 2 3 4 5 6 | <strong>p {
border : 20px solid #000 ;
border-image-source: url (border.png);
border-image-slice: 27 , 27 , 27 , 27 ;
border-image- width : 27px 1 10% 27px ;
}</strong>
|
Nach dem Login kopieren
<🎜; >
border-image-repeat-Attribut legt fest, ob der Bildrand wiederholt, abgerundet oder gestreckt werden soll (1,2)
1 2 3 4 5 6 7 | <strong>p {
border : 20px solid #000 ;
border-image-source: url (border.png);
border-image-slice: 27 , 27 , 27 , 27 ;
border-image- width : 27px 1 10% 27px ;
border-image-outset: 27px 27px 27px 27px ;
}</strong>
|
Nach dem Login kopieren
-->
Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in den Beispielcode von border-image im CSS-Stil. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!