Question

我是网站设计和开发的初学者，也是学习它的人。作为初学者，我从以下存档链接创建一个旧bbc新闻网站的网站http://web.archive.org/web/20140402131524/http://www.bbc.co.uk/news/uk 所以我盯着看/听部分根据我的代码将视频下面的背景颜色橙色连接到它的右侧以下是我的代码...

body {
  margin: 0;
  line-height: 15px;
}
.watch {
  position: relative;
  top: 50px;
  right: 50px;
  color: #505050;
  line-height: 24px;
  background-color: #eeeeee;
  float: right;
  width: 336px;
}
#videoa {
  float: left;
  background-color: #d1700e;
  position: relative;
  top: -84px;
  left: 25px;
}
#videoa a {
  float: left;
  color: white;
  position: relative;
  top: 2px;
  left: 5px;
}
.watchhead {
  font-size: 24px;
  font-weight: bolder;
  position: relative;
  top: 10px;
  left: 8px;
}
#WatchListenlogo {
  float: right;
  position: relative;
  top: 22px;
  right: 10px;
}
#rightarrow {
  float: left;
  border-right: solid white 1px;
  position: relative;
  top: 40px;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

<div class="watch">
  <img src="http://s9.tinypic.com/2hd45fp_th.jpg" id="WatchListenlogo" />
  <span class="watchhead">Watch/Listen</span>
  <img src="http://s9.tinypic.com/35c03yr_th.jpg" id="rightarrow" />
  <div id="videoa">
    <img src="http://s9.tinypic.com/j64ufl_th.jpg" />
    <a href="">Titanic letter could fetch &pound; 100,000</a>
  </div>
</div>

Answer 1

背景颜色应用于整个div ie videoa {的backgroundColor：＃d1700e;} 其中背景应该只应用于链接ie videoa a {background-color：＃d1700e;}

<html>
<head>
<title>Untitled Document</title>
<style type="text/css">
body{
margin:0;
line-height:15px;
}
.watch{
position:relative;
top:50px;
right:50px;
color:#505050;
line-height:24px;
background-color:#eeeeee;
float:right;
width:336px;
}
#videoa{                    
float:left;
/*background-color:#d1700e;*/
position:relative;
top:-84px;
left:25px;
}
#videoa a{
background-color:#d1700e;
float:left;
color:white;
position:relative;
top:2px;
left:5px;
}
.watchhead{
font-size:24px;
font-weight:bolder;
position:relative;
top:10px;
left:8px;
}
#WatchListenlogo{
float:right;
position:relative;
top:22px;
right:10px;
}
#rightarrow{
float:left;
border-right:solid white 1px;
position:relative;
top:40px;
}
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}


</style>
</head>
<body>
<div class="watch">
<img src="http://s9.tinypic.com/2hd45fp_th.jpg" id="WatchListenlogo"/>
<span class="watchhead">Watch/Listen</span>
<img src="http://s9.tinypic.com/35c03yr_th.jpg" id="rightarrow"/>
<div id="videoa">  
<img src="http://s9.tinypic.com/j64ufl_th.jpg"/>
<a href="" class="link">Titanic letter could fetch &pound; 100,000</a>   
</div>
</div>
</body>
</html>

没有在适当的地方获得背景颜色

1 个答案: