Explication détaillée des instances de frontière en CSS3

Comment supprimer les bordures d'images html img avec CSS

Bonjour, si vous avez beaucoup d'images de pages Web, si vous souhaitez supprimer les bordures, écrivez simplement une ligne de code dans CSS.

<style>
img{border:0;}
</style>

Si vous souhaitez supprimer la bordure d'une image img individuellement, vous pouvez également la définir séparément. Par exemple,

<div class="pic"><img src="图片地址" <a href="www.baidu.com/s?wd=alt&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1Y1uyN9ujNBn1NWm19Wnyc30ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnHTvPWRdP104PWm3nHTYPW0Y" target="_blank" class="baidu-highlight">alt</a>=""></div>
<a href="www.baidu.com/s?wd=css&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1Y1uyN9ujNBn1NWm19Wnyc30ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnHTvPWRdP104PWm3nHTYPW0Y" target="_blank" class="baidu-highlight">css</a>写：
.pic img{border:0;}

Comment donner à la bordure un effet tridimensionnel avec CSS

1 Cela peut être réalisé avec shadow :
box. -shadow : 1px 1px 2px #226
Mais veuillez noter que le navigateur doit prendre en charge CSS3 pour être efficace

2 Cela peut également être obtenu en définissant la couleur de la bordure : border-bottom : solid 1.5px #. 333;
Remarque : vous pouvez modifier le bas pour indiquer vers le bas. 1,5px représente sa taille, #333 est la couleur, je l'ai défini sur noir ici, vous pouvez définir ce que vous voulez. Placez-le à droite, en haut, à gauche et en bas pour indiquer sa direction.

Comment ajouter une bordure d'image à un calque div

En utilisant la technologie des portes coulissantes, c'est-à-dire que plusieurs divs sont imbriqués et chaque calque de divs reçoit une image d'arrière-plan différente. Bien entendu, le CSS3 actuel peut directement créer des coins arrondis.

Comment supprimer la bordure de l'image en style CSS

img style CSS sans bordure

img｛padding:0; border:0;margin:0;display:block;｝

Par exemple, la bordure sur la photo est de 1px

.div｛background:url(图片地址) 1px 1px ;width:图片width-2;height:图片height-2;｝

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!