該怎麼做？第一個div寬度出來了，還有第二個懸停和box陰影？

-5

enter image description here [輸入圖片說明] [2]該怎麼做？第一個div寬度出來了，還有第二個懸停和box陰影？

如何做到這一點？第一個div寬度出來了，還有第二個懸停了，還有box shadow？

https://www.dropbox.com/s/ir8d7iyzrotv58e/Beatles---Copy.jpg?dl=0

2017-07-27 Abdullah Muben

歡迎來到Stack Overflow！尋求代碼幫助的問題必須包含在問題本身中重現**所需的最短代碼**最好在[** Stack Snippet **]中（https://blog.stackoverflow.com/2014/09/introducing-runnable） -javascript-CSS-和HTML的代碼段/）。請參閱[**如何創建一個最小，完整和可驗證的示例**]（http://stackoverflow.com/help/mcve） –

由於這個問題非常*不清楚*沒有圖片，仍然有點不清楚，加上沒有顯示任何研究工作，也沒有[mcve]，我投票結束*不清楚你問什麼*。但是，阿卜杜拉閱讀@Paulie_D提供的鏈接並相應地編輯您的答案，那麼您很可能會收到您正在尋找的幫助。另外，請閱讀[問]。 – domsson

Plesae向我們展示了迄今爲止您嘗試的內容。請考慮做一些研究，「*如何用CSS添加懸停和陰影效果」有很多解決方案。 – Zabuza

* { 
 
    box-sizing: border-box; 
 
} 
 
body { 
 
    background: #eee; 
 
    font-family: sans-serif; 
 
    color: #555; 
 
} 
 
.container { 
 
    display: inline-block; 
 
    vertical-align: middle; 
 
    margin: 10px; 
 
} 
 
img { 
 
    border-radius: 50%; 
 
    height: 50px; 
 
    display: block; 
 
    margin: auto; 
 
    position: relative; 
 
    top: 30px; 
 
    border: 3px solid #ddd; 
 
    background: #eee; 
 
} 
 
.content { 
 
    border: 1px solid #ddd; 
 
    width: 200px; 
 
    height: 100px; 
 
    padding: 20px; 
 
    transition: 0.25s ease; 
 
} 
 
.container:hover .content{ 
 
    box-shadow: 0 0 5px #aaa; 
 
}

<div class="container"> 
 
    <img src="https://cdn.sstatic.net/Sites/stackoverflow/img/favicon.ico?v=4f32ecc8f43d"> 
 
    <div class="content"> 
 
    <p>text text text text text text text text text text text</p> 
 
    </div> 
 
</div> 
 
<div class="container"> 
 
    <img src="https://cdn.sstatic.net/Sites/stackoverflow/img/favicon.ico?v=4f32ecc8f43d"> 
 
    <div class="content"> 
 
    <p>Text text text text text text text text.</p> 
 
    </div> 
 
</div>

這是你在找什麼？如果您有更多問題，請在評論中詢問他們。

來源

2017-07-27 14:52:53 Chesswithsean

這並不是一個不錯的答案，但請記住，對質量低下的問題（在這種情況下，仍然很不清楚）發佈答案有點不鼓勵。它鼓勵人們實際上改善他們的問題（或者開始提出高質量的問題）會更難一些。只是要記住。 – domsson

@domsson好的，謝謝你讓我知道:)我應該刪除它嗎？ – Chesswithsean

由你決定。現在你已經把工作放在裏面了，我不會。只是將來要考慮的事情。 :) – domsson

該怎麼做？第一個div寬度出來了，還有第二個懸停和box陰影？

回答

相關問題