CSS) 색깔 설정, 배경 설정, border

색깔 설정 방법

h1{

color: #f442d7;

}

h2{

color: rgb(0, 255, 0);

}

h3{

color: rgba(0, 255, 0, .5);

}

ul {

color: blue;

}

배경 설정 방법(색깔, 사진), border

h1 {

color: #f442d7;

border: red;

border-width: 5px;

border-style: solid;

/*아래와 같이 합쳐서 써도 괜찮다*/

/*border: 5px red solid;*/

}

/* background에 색상을 설정하고 싶은 경우 */

body {

background: black;

}

/* background에 사진을 설정하고 싶은 경우 */

body {

background: url(https://images6.alphacoders.com/372/thumb-1920-372318.jpg);

/* 사진이 작을 경우 no-repeat을 하게 되면 하나만 딱 나오고 반복 안됨*/

background-repeat: no-repeat;

/* 설정한 배경 사진이 전체를 덮을 수 있도록 설정 */

background-size: cover;

}

컬러 설정에 도움될 사이트 :

1) http://colours.neilorangepeel.com

2) https://www.w3schools.com/colors/colors_names.asp