讓周圍的輪廓圖片的圖像的邊框引導

-3

嗨，我試圖把邊框圍繞這一形象的是這樣的：border blue around picture這裏是我以前也試過代碼，我想爲它位於頁面的左上角。我在這裏先向您的幫助表示感謝。下面的代碼的預覽我現在所擁有的：https://jsfiddle.net/7hdrhs2r/3/ HTML：讓周圍的輪廓圖片的圖像的邊框引導

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

     <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Apple_logo_black.svg/600px-Apple_logo_black.svg.png" alt="profile pic" height="10%" width="10%"/> 
     </div> 
</div>

CSS

#picturebox{ 
     border-color:midnightblue; 
     margin: 0 auto; 
    border:10px solid #ccc; 
    border-right: 200%; 
     padding:20px 60px 0px 2px ; 
     height: 100% 
     width:50%; 
     background-color:lightblue; 
    }

來源

2016-11-08 user7112108

請發表[MCVE] –

包括一個的jsfiddle，首先。 –

把你的CSS放在這裏。看看你是否可以修復任何錯誤。 https://jigsaw.w3.org/css-validator/#validate_by_input –

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

JSfiddle

注意：註釋掉CSS，做這個：

/* code */

作品與多行註釋以及：

/* code 
code */

來源

2016-11-08 00:48:06

讓周圍的輪廓圖片的圖像的邊框引導

回答

相關問題