ボーダー半径の問題

私はhtml/cssの新機能です。これまでに何度も尋ねられてきましたが、回答が役に立たなかった/理解できなかったことは分かっています。私はそれが何かを持っていると私はHTML側でページを配置する方法で行うと仮定します。おかげボーダー半径の問題

div.text { 
 
    color: yellow; 
 
    font-family: sans-serif; 
 
    background-color: blue; 
 
    line-height: 6em; 
 
    text-align: center; 
 
} 
 

 
div.img { 
 
    opacity: 0.3; 
 
    border-radius: 44px background-color:#555; 
 
}

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <link rel="stylesheet" href="style.css"> 
 
    <meta charset="utf-8"> 
 
    <title>Let Go</title> 
 
</head> 
 

 

 
<body> 
 
    <div class="text"> 
 
    <h1>Lore Ipsum?</h1> 
 
    </div> 
 
    <div class="img"> 
 
    <img src="http://www.globaldots.com/wordpress/wp-content/uploads/2016/10/ddos_attack-768x550.jpg" alt=""> 
 

 
    </div> 
 
</body> 
 

 
</html>

出典

2017-04-21 bibs

二つの過ちを設定する前にも、あなたは半色が欠けています

div.text { 
 
    color: yellow; 
 
    font-family: sans-serif; 
 
    background-color: blue; 
 
    line-height: 6em; 
 
    text-align: center; 
 
} 
 

 
div.img img { 
 
    opacity: 0.3; 
 
    border-radius: 44px; 
 
    background-color: #555; 
 
}

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <link rel="stylesheet" href="style.css"> 
 
    <meta charset="utf-8"> 
 
    <title>Let Go</title> 
 
</head> 
 

 

 
<body> 
 
    <div class="text"> 
 
    <h1>Lore Ipsum?</h1> 
 
    </div> 
 
    <div class="img"> 
 
    <img src="http://www.globaldots.com/wordpress/wp-content/uploads/2016/10/ddos_attack-768x550.jpg" alt=""> 
 

 
    </div> 
 
</body> 
 

 
</html>

出典

2017-04-21 20:46:52 Johannes

"不透明度"属性が機能しているので、イメージを適切に選択していると思いました。ありがとう！ – bibs

まあ、画像はdiv内にあるので、コンテナdivの不透明度は、divが単独の背景を持たない限り、divの不透明度と同じに見えます。 – Johannes

は画像ではなく、それを含む要素の半径を行います。セレクタは画像自体に影響を与えるためにdiv.img imgなければならない、と行方不明semicollonがあった：あなたは背景色に

div.text { 
 
    color: yellow; 
 
    font-family: sans-serif; 
 
    background-color: blue; 
 
    line-height: 6em; 
 
    text-align: center; 
 
} 
 

 
div img { 
 
    opacity: 0.3; 
 
    border-radius: 44px; 
 
    background-color:#555; 
 
}

<div class="text"> 
 
    <h1>Lore Ipsum?</h1> 
 
    </div> 
 
    <div class="img"> 
 
    <img src="http://www.globaldots.com/wordpress/wp-content/uploads/2016/10/ddos_attack-768x550.jpg" alt=""> 
 

 
    </div>

出典

2017-04-21 20:46:42

感謝。私はセミコロンを見逃していない、私はコードを投稿する前に "整頓"を押したときに削除されたと思う。 – bibs

答えて

関連する問題