padding: 8px;
background-color: #dddddd;
}
Home
News
... can produce unexpected results.
A background color is added to the links to show the link area. The ... oat할 수 없습니다. 그래서 패딩을 지정하여 보기 좋게 만듭니다.
background-color: #dddddd; - 각 요소에 회색의 배경색을 추가합니다.
Tip: 전체 너비의 배경... overflow: hidden;
background-color: #dddddd;
}
li {
floa
;
width: 60px;
background-color: #dddddd;
}
Home
News
... Contact
About
A background color is added to the links to show the link area.
... display: block;
background-color: #dddddd;
}
Home
News
... Contact
About
A background color is added to the links to show the link area.
변경할 수 있습니다:
Example
body {
background-color: tan;
color: black;
}
/* ~ 600px -> 배경색: olive, font: white
601px ~ 992px -> 배경색: blu... reens that are 992px wide or less, the background color is blue */
@media screen and (max-width: 992px) {
body {
background-color: blue;
color: white;
}
/* On
rticle
CSS Borders
CSS Border Width
CSS Border Color
CSS Bordr Sides
CSS Shorthand Border Property
... 5px, 우 - 10px, 하 - 4px, 좌 - 35px */
}
CSS Border Color
border-color 속성은 4개의 테두리 컬러 지정에 사용됩니다.
컬러는 하기와 같이 지정할 수 있습니다.
컬러 이름 - “red”와 같은 컬러 이름을 지정합니다.
HEX -... , 50%)“처럼 HSL 값을 지정합니다.
transparent - 투명
border-color를 설정하지 않는 경우, 요소의 컬러를 상속받습니다.
예제
p.one {
borde
>
<p>
Click the button to add a background color to all elements with class="example".
</p>
<... i < x.length; i++) {
x[i].style.backgroundColor = "red";
}
}
</script>
</body>
Defi... >
<p>
Click the button to add a background color
to the first p element (index 0) in the docum... ments in the document.
x[0].style.backgroundColor = "red";
// Set the background color of the
