코드:
결과보기 »
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>CSS Border</title> <style> p { border-style: solid; border-width: 3px; } .red { border-color: red; } .green { border-color: rgb(0,255,0); } .blue { border-color: #0000FF; } .mix { border-color: red green blue maroon; } .color { color: teal; } </style> </head> <body> <h1>border-color 속성을 이용한 테두리의 색상 변경</h1> <p class="red">border-color 속성값을 red로 한 단락입니다.</p> <p class="green">border-color 속성값을 green로 한 단락입니다.</p> <p class="blue">border-color 속성값을 blue로 한 단락입니다.</p> <p class="mix">테두리마다 각각의 border-color 속성값을 적용한 단락입니다.</p> <p class="color">border-color 속성의 속성값을 명시하지 않은 단락입니다.</p> </body> </html>