HTML、CSSについて分からないことがあります
下記の2パターンのコードを書きました。
一番目のコードのように、CSSファイルでdivの中に、text-decoration: noneと書いたのですが、うまく実行されませんでした。しかし2番目のCSSファイルのように、＜a＞で指定するとうまくできました。
質問ですが、
(1)<a>で区切らずに、<div>ではできないのでしょうか？
ーーーーーーーーーーーーーーーーーーCSS－－－－－－－－－－－－－－－－－
img {
display: block;
height: 100px;
width: 300px;
margin: auto;
}
p {
text-align: center;
font-family: Garamond, serif;
font-size: 18px;
}
/*Start adding your CSS below!*/
div{
height: 50px;
width: 120px;
border-color: #6495ED;
background-color: #BCD2EE;
border-radius: 5px;
margin:auto;
text-align:center;
text-decoration: none;
color: red;
}
div {
height: 20px;
width: 200px;
border-color:#6495ED;
background-color: #BCD2EE;
border-radius:5px;
margin: auto;
text-align:center;
}
a {
text-decoration:none;
font-family:Arial;
display: block;
}
span{
color: red;
}
ーーーーーーーーーーーーーーーーーーCSS－－－－－－－－－－－－－－－－－
img {
display: block;
height: 100px;
width: 300px;
margin: auto;
}
p {
text-align: center;
font-family: Garamond, serif;
font-size: 18px;
}
/*Start adding your CSS below!*/
div{
height: 50px;
width: 120px;
border-color: #6495ED;
background-color: #BCD2EE;
border-radius: 5px;
margin:auto;
text-align:center;
text-decoration: none;
color: red;
}
div {
height: 20px;
width: 200px;
border-color:#6495ED;
background-color: #BCD2EE;
border-radius:5px;
margin: auto;
text-align:center;
text-decoration:none;
font-family:Arial;
display: block;
}
span{
color: red;
}
ーーーーーーーーーーーーーーーーーーHTML－－－－－－－－－－－－－－－－
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title>About Me</title>
</head>
<body>
<img src="http://s3.amazonaws.com/codecademy-blog/assets/46838757.png"/>
<p>We're Codecademy! We're here to help you learn to code.</p><br/><br/>
<div>
<a href="https://facebook.com">Join us<span>Facebook<span>
</a>
</div>
</body>
</html>
お礼
ありがとうございます！ これが僕の探し求めてたものです！！ 早速、使ってみますね♪