Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- Ajax
- JSP
- 배포
- AWS
- model1
- PL/SQL
- 알고리즘
- EC2
- docker
- Servlet
- 암호화
- websocket
- JavaScript
- tiles.xml
- autowired
- RDS
- jQuery
- node.js
- SQL
- 블록체인
- 도커
- express
- Spring
- HTML
- CSS
- 웹소켓
- 비트코인
- Cookie
- 웹게임
- phaser
Archives
- Today
- Total
記錄
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
'Web > CSS' 카테고리의 다른 글
CSS) 구글 폰트 적용 (0) | 2018.05.07 |
---|---|
CSS) 폰트 크기, 글꼴, 줄간격, 정렬, 글꼴 꾸미기 (0) | 2018.05.07 |
CSS) Selector, Selector 우선순위 (0) | 2018.05.03 |
CSS) Basic, 외부 CSS 연결 (0) | 2018.05.02 |
Comments