CSS에서 테두리 색상을 설정하는 방법-CSS 튜토리얼-php.cn

CSS에서 테두리 색상을 설정하는 방법

coldplay.xixi

풀어 주다： 2023-01-05 16:09:14

원래의

14301명이 탐색했습니다.

CSS에서 테두리 색상을 설정하는 방법은 [border-color] 속성을 사용하여 4개의 테두리 색상을 설정하는 것입니다. [border-color] 속성은 보이는 부분의 색상을 줄여서 설정할 수 있는 속성입니다. 요소의 모든 테두리 또는 4 측면에 각각 다른 색상을 설정합니다.

CSS에서 테두리 색상을 설정하는 방법

이 튜토리얼의 운영 환경: windows7 시스템, CSS3 버전, DELL G3 컴퓨터.

CSS에서 테두리 색상을 설정하는 방법:

css는 border-color 속성을 사용하여 네 개의 테두리 색상을 설정할 수 있습니다. border-color 속성은 요소의 모든 테두리에서 보이는 부분의 색상을 설정하거나 4개 측면 각각에 대해 서로 다른 색상을 설정할 수 있는 단축 속성입니다.

css 테두리 색상 설정:

<html>
<head>
<style type="text/css">
p.one
{
border-style: solid;
border-color: #0000ff
}
p.two
{
border-style: solid;
border-color: #ff0000 #0000ff
}
p.three
{
border-style: solid;
border-color: #ff0000 #00ff00 #0000ff
}
p.four
{
border-style: solid;
border-color: #ff0000 #00ff00 #0000ff rgb(250,0,255)
}
</style>
</head>
<body>
<p class="one">One-colored border!</p>
<p class="two">Two-colored border!</p>
<p class="three">Three-colored border!</p>
<p class="four">Four-colored border!</p>
<p>
<b>注释：</b>"border-width" 属性如果单独使用的话是不会起作用的。请首先使用 "border-style" 属性来设置边框。
</p>
</body>
</html>

로그인 후 복사

렌더링:

CSS에서 테두리 색상을 설정하는 방법