article thumbnail image
Published 2022. 1. 15. 22:01

Let's start CSS background tools


  • <p style="background-color: red; color:;">

더보기

<p>배경색 변경</p>
<p style="background-color: red; color: white;">배경색 변경</p>
<p style="background-color: #000000; color: white;">배경색 변경</p>
<p style="background-color: lime; color: white;">배경색 변경</p>
<p style="background-color: rgb(100,0,0); color: white;">배경색 변경</p>
<p style="background-color: rgb(100,0,0,0.5); color: white;">배경색 변경</p>

<!-- hsl : 색상(hue), 채도(saturation), 밝기(lightness)  -->
<p style="background-color: hsl(40,68%,75%); color: white;">배경색 변경</p> 
<p style="background-color: hsl(120,100%,10%); color: white;">배경색 변경</p> 첫번째부터 색상,채도,밝기
<p style="background-color: hsl(120,100%,10%,0.4); color: white;">배경색 변경</p>

 

  • <body style="background-image: url(../images/bg_main.jpg);">

 

'Front > CSS' 카테고리의 다른 글

[CSS] Using border tools  (0) 2022.01.19
[CSS] <ul> , <span> Using background-color tools  (0) 2022.01.18
[CSS] CSS Background tools  (0) 2022.01.17
[CSS] Using CSS List tools  (0) 2022.01.14
[CSS] Using CSS tools  (0) 2022.01.13
복사했습니다!