Voici la sortie lorsque je traite mon code:

output

Je veux que la bordure de l'image soit noire. Comment puis-je changer cela?

<section style="background: #dfe6e9;" class="p-3">
  <div class="container">
    <div class="row">
      <div class="col-md-6">
        <img src="Profile-pic.jpg" width="500em" class="rounded-circle img-fluid img-thumbnail">
      </div>
      <div class="col-md-6">

      </div>
    </div>
  </div>
</section>
0
Jobin S 29 avril 2020 à 19:35

3 réponses

Meilleure réponse

Vous pouvez ajouter du style au img comme

<section style="background: #dfe6e9;" class="p-3">
        <div class="container">
          <div class="row">
            <div class="col-md-6">
                <img src="Profile-pic.jpg" width="500em" class="rounded-circle img-fluid img-thumbnail" style = "border: 2px solid #000000">
            </div>
            <div class="col-md-6">


            </div>
          </div>
    </div>
    </section>
0
Kunal Raut 29 avril 2020 à 16:50

Eh bien pour vraiment réaliser ce que vous voulez, ajoutez simplement quelques id à l'image (donc seulement celui-ci est limité) et changez les background-color de .img-thumbnail en plus du css

<style>

#my-image.img-thumbnail {
   background-color: black;
}

</style>

1
quqa123 22 janv. 2021 à 02:07

Eh bien, vous pouvez ajouter votre propre classe à l'img, ou un identifiant, et simplement ajouter border: 1px solid black

1
Filip Filipovic 29 avril 2020 à 16:42