클래스를 사용하여 셀의 배경색 변경

-2

<html> 
<font face = "arial"> 
<style> 
#periodictable { 
    position: static; 
    border-top: : solid red 1pt; 
    border-right:solid red 1pt; 
    border-bottom:solid red 1pt; 
    border-left:solid red 1pt; 
} 
.metalloid { 
    background-color : #AF9B60; 
} 
.metal { 
    background-color: #C0C0C0; 
} 
</style> 
<body> 
<table width = "202" height = "211"> 
<div id = "periodictable";> 
<tr> 
    <td bgcolor = #AF9B60><div class = "metalloid"><center>B</center></div></td> 
    <td><center>C</center></td> 
    <td><center>N</center></td> 
</tr> 
<tr> 
    <td><div class = "metal"><center>Al</center></div></td> 
    <td bgcolor = #AF9B60><div class = "metalloid"><center>Si</center></div></td> 
    <td><center>P</center></td> 
</tr> 
<tr> 
    <td><div class = "metal"><center>Ga</center></div></td> 
    <td><div class = "metalloid"><center>Ge</center></div></td> 
    <td><div class = "metalloid"><center>As</center></div></td> 
</tr> 
</div> 
</table> 
</font> 
</body> 
</html>

기본적으로 고등학교 HTML/CSS 클래스의 경우 CSS를 사용하여 표를 만들어야했습니다. 할당을하면 클래스와 ID를 사용해야합니다. 내 코드를 사용하여 클래스를 할당하고 div 문을 사용하여 클래스를 호출했습니다. 그러나 그렇게 할 때 텍스트의 배경 만이 내가 지정한 색상으로 바뀝니다. 다음 이미지와 같이 나는 변경 될 전체 셀 블록에 필요한 :클래스를 사용하여 셀의 배경색 변경

sample

출처

2014-09-21 Mahnoor Tariq

1) 수업을 적용한 대상 및 그 내용은 무엇입니까? 2) 실제로 영향을주고 싶은 "셀 블록"의 HTML 요소는 무엇이며 클래스를 할당 했습니까? 이 질문에 답할 수 있으면 문제를 해결할 수 있습니다. – mc01

'] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/center) 및 [''] (https://developer.mozilla.org/en- US/docs/Web/HTML/Element/font) 요소는 더 이상 사용되지 않거나 더 이상 사용되지 않습니다. ['bgcolor'] (http://www.w3.org/TR/html4/present/graphics.html#adef-bgcolor) 속성도 마찬가지입니다. –

클래스를 사용하여 셀의 배경색 변경

답변

관련 문제