user7112108 user7112108 - 1 year ago 68
CSS Question

Make a border around a image for a profile picture using css/bootstrap

Hey guys I am trying to put a border around this image for something like this:border blue around picture Here is the code that I had tried also I would like for it to be in the left corner of the page. Thanks for the help in advance. Here's a preview of the code I have right now:

<div class="container">
<div class="row">
<!-- Picture must be 600px X 600px-->
<div class="col-lg-5 col-xs-6" id="picturebox">

<img src="" alt="profile pic" height="10%" width="10%"/>


margin: 0 auto;
border:10px solid #ccc;
border-right: 200%;
padding:20px 60px 0px 2px ;
height: 100%

Answer Source
#picturebox img {
  border: solid 3px red;
  padding: 5px;
  background-color: lightblue;


Note: to comment out CSS, do this:

/* code */

Works with multiline comments as well:

/* code
code */
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download