[Deep Dive] CSS 기초 개념 완전 정복(2) - CSS 기본 속성

2024. 11. 17. 18:29·☁️ 구름 x 카카오 Deep Dive 풀스택
728x90

 

오늘은 자주 사용하는 CSS 기본 속성들에 대해 포스팅하려고 해요.

 


 

예시 코드는 내부 스타일 시트를 사용했습니다.

 

1. 백그라운드 색 지정

- 색 이름: white, blue, black

- rgb값: rgb(10. 150, 255)

- Hax값: #FFFA00

 

2. 텍스트 색 지정

- 색 이름: white, blue, black

- rgb값: rgb(10. 150, 255)

- Hax값: #FFFA00

 

3. 높이 지정

- 픽셀 값: 50px

- 퍼센티지: 100%

 

4. 너비 지정

- 픽셀 값: 50px

- 퍼센티지: 100%

 

5. border 제거

 

6. 모서리 둥글게

 

7. 요소 위로 마우스를 가져갈 때

마우스 커서를 변경

 

8. 테두리 색상 설정

 

9 테두리 스타일 설정

- dotted

- dashed

- solid

 

테두리 너비 설정

 

 

 


 

 

 

 

CSS 기초 개념 완전 정복(1) - CSS란?

* 내부 스타일 시트를 처음 들어보시는 분은 아래 (1)번 포스팅부터 봐주세요!

 

[Deep Dive] CSS 기초 개념 완전 정복(1) - CSS란?

오늘은 CSS에 대해 알아보는 시간을 갖겠습니다.  CSS(Cascading Style Sheet)란 무엇인가?CSS는 사용자에게 문서를 표시하는 방법을 지정하는 언어이다. ex) 스타일, 레이아웃 등. - MDN웹 사이트에서 화

zero-talk.tistory.com

 

728x90
저작자표시 비영리 변경금지 (새창열림)

'☁️ 구름 x 카카오 Deep Dive 풀스택' 카테고리의 다른 글

[Deep Dive] CSS 기초 개념 완전 정복(3) - CSS 색을 표현하는 방법  (0) 2024.11.19
[Deep Dive] CSS 기초 개념 완전 정복(1) - CSS란?  (0) 2024.11.17
'☁️ 구름 x 카카오 Deep Dive 풀스택' 카테고리의 다른 글
  • [Deep Dive] CSS 기초 개념 완전 정복(3) - CSS 색을 표현하는 방법
  • [Deep Dive] CSS 기초 개념 완전 정복(1) - CSS란?
gxxg
gxxg
함께 일하고 싶은 개발자를 꿈꾸는 예비개발자의 공부 기록
  • gxxg
    공공
    gxxg
  • 전체
    오늘
    어제
    • 분류 전체보기 (138)
      • ☁️ 구름 x 카카오 Deep Dive 풀스택 (7)
        • html, css (1)
        • Java (3)
        • 스프링 MVC (0)
      • 💻 코딩테스트 (89)
        • 백준 (2)
        • programmers (87)
      • SQLD (1)
      • Language (3)
        • Java (2)
        • JavaScript (1)
      • Style Sheet (0)
        • CSS (0)
        • SCSS & SASS (0)
      • DBMS (2)
        • Oracle (2)
        • MySQL (0)
        • postgresql (0)
        • 데이터베이스 기초 이론 (0)
      • React (0)
      • SpringBoot (0)
      • JSP (2)
      • 알고리즘 (0)
      • 2023-02 몰입형 SW 정규 교육 (24)
        • 9월 프로젝트 (8)
      • 벽돌깨기 (4)
      • Etc (4)
  • 블로그 메뉴

    • 홈
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    회원 관리 시스템
    java
    HTML
    0단계
    programmers
    JSP
    3단계
    CSS
    톰캣
    junit 테스트
    구현체
    2단계
    eclipse
    POST
    springboot
    코딩테스트
    프로그래머스
    이클립스
    오블완
    Lv0
    javascript
    자바
    spring
    Lv2
    LV3
    코테
    티스토리챌린지
    DFS
    자바스크립트
    프로젝트 구조
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
gxxg
[Deep Dive] CSS 기초 개념 완전 정복(2) - CSS 기본 속성
상단으로

티스토리툴바