반응형 HTML38 [CSS] 다양한 border 속성들 알아보기 CSS Border Style border 스타일들 ● dotted : 점들로 지정 ● dashed : dash로 지정 ● solid : 굵은 선으로 지정 ● double : 지중 테두리로 지정 ● groove : 3D 홈이 있는 테두리로 지정 ● ridge : 3D 능선 테두리로 지정 ● insert : 3D 삽입 테두리 지정 ● outset : 3D 시작 테두리 지정 ● none : 데두리를 지정하지 않음 ● hidden : 숨겨진 테두리 지 아래는 예제코드이다. The border-style 특징들 아래에는 여러가지 border의 특징을 나타낸다.: A dotted border. A dashed border. A solid border. A double border. A groove border. .. 2023. 9. 10. [CSS] CSS background-image 배경꾸미기, repeat CSS 배경에 이미지 넣기 background-image를 활용하여 배경에 이미지를 넣을 수 있다. CSS 배경 예시 여기는 오직 div안 div내부 단락 여긴 단락 택스트가 잘 보이도록 배경을 설정해줘야한다. 위는 안좋은 예시이다. 단락안에 배경 이미지 넣기 CSS 배경 예시 여기는 오직 div안 div내부 단락 여긴 단락 background-repeat background-repeat을 하게될 경우 배경 이미지가 반복이 된다. background-repeat: repeat-x의 경우 x축으로 반복이 되며 repeat-y의 경우 y축으로 반복이 된다. 만약 no-repeat를 입력할 경우 반복이 되지않는다. 아래는 repeat-x에 관한 예시이다. 배경색상 background-position backg.. 2023. 9. 10. [CSS] CSS Backgrounds 배경 꾸미는 법 CSS Backgrounds CSS 배경설정은 다음과 같은 특성들이 있다. ● background-color ● background-image ● background-repeat ● background-attachment ● background-position ● background(shorthand property) CSS background-color : 배경 색상 바꾸기 CSS 배경색상을 꾸미는 방법은 background-color를 사용해야한다. 배경색상 바꾸기 여긴 단락 여러 요소들에서 배경을 바꿀 수 있다. CSS 배경 예시 여기는 오직 div안 div내부 단락 여긴 단락 Opacity / Transparency opacity요소는 투명/불투명을 나타낸다. 0.0 ~ 1.0의 값을 가지며 값이.. 2023. 9. 10. [CSS] CSS 주석달기 CSS 주석달기 CSS 주석은 /* */이다. HTML 주석은 여긴 단락 2023. 9. 9. 이전 1 2 3 4 5 6 7 ··· 10 다음 728x90 반응형
