어제 오늘 내일

linear-gradientlinear-gradient는 CSS에서 배경에 색깔이 점점 변하는 효과를 줄 때 사용하는 방법입니다.예를 들어, 빨간색에서 파란색으로 부드럽게 바뀌는 배경을 만들고 싶다면 linear-gradient를 사용합니다.색깔이 선처럼 쭉 이어지면서 자연스럽게 섞여 보이는 효과를 줄 수 있습니다. 0. 기본 문법background: linear-gradient(방향, 색상1, 색상2, ...); 방향: 색상이 이동하는 방향(각도 또는 위치)색상1, 색상2, ...: 그라디언트에 사용할 색상 (최소 2개 이상)  1. 방향 설정1) 각도 사용.my-class { width: 200px; height: 200px; background: linear-gradient(45deg, red..

지난번에는 css의 text-decoration 속성을 설정하여 문자열에 밑줄을 그리고, 색깔, 위치, 굵기, 모양 등을 정의하는 방법을 알아보았습니다. [HTML/CSS] 글자 밑줄 긋기 (위치, 두께, 색깔, 모양 지정하기) text-decoration [HTML/CSS] 글자 밑줄 긋기 (위치, 두께, 색깔, 모양 지정하기) text-decoration 이번에는 CSS를 사용하여 글자에 밑줄을 긋고, 밑줄의 위치, 두께, 색깔, 모양을 지정할 수 있는 방법을 정리해보겠습니다. 간단하게 밑줄 긋기 글자에 밑줄을 긋기 위해서는 CSS의 text-decoration 속 hianna.tistory.com 이번에는, 텍스트와 밑줄 사이의 간격을 조정하는 방법을 정리해 보겠습니다. 여러가지 방법이 있지만, 여..

이번에는 CSS를 사용하여 글자에 밑줄을 긋고, 밑줄의 위치, 두께, 색깔, 모양을 지정할 수 있는 방법을 정리해보겠습니다. 간단하게 밑줄 긋기 글자에 밑줄을 긋기 위해서는 CSS의 text-decoration 속성을 사용합니다. 안녕하세요? .my-underline { text-decoration: underline; } text-decoration : underline; 간단하게 text-decoration 속성을 underline으로 지정하여 문자열에 밑줄을 그었습니다. 이번에는 밑줄의 위치, 두께, 색깔, 모양을 지정할 수 있는 방법을 정리해 보겠습니다. 앞에서 간단히 밑줄을 긋는데 사용했던 text-decoration 속성을 사용하면 이런 다양한 속성들도 정의할 수 있습니다. text-decor..

CSS에 주석은 보통 스타일의 목적을 설명하기 위해 추가하는 경우가 많습니다. CSS 주석 CSS의 주석은 아래와 같이 '/*'로 시작해서 '*/'로 끝납니다. /* 주석 */ CSS 주석 예제 /* 파란 박스 */ .blue-box { background-color : blue; height : 50px; width : 50px; } HTML과 Javascript에 주석을 추가하는 방법은 다음 포스팅을 참조하세요. 2017.06.13 - [IT/HTML] - [HTML] 주석 달기 (Comment) [HTML] 주석 달기 (Comment) HTML 파일의 코드가 길어지면 도대체 이 코드들이 무슨 말을 하는 건지 알아보기가 힘들다. 그래서, HTML은 브라우저가 알아보는 언어이지, 인간이 쉽게 알아보기 ..

CSS는 Cascading Style Sheets의 약자로 웹페이지의 레이아웃, 폰트, 색상 등을 지정하는 데 사용됩니다. HTML에 CSS를 적용하는 방법은 3가지가 있습니다. 1. inline 2. internal 3. external 1. inlne HTML 태그 안에 직접 CSS 속성을 적용하는 방법입니다. 이 방법은 style이라는 속성을 사용합니다. 안녕하세요? 안녕하세요? 2. inaternal HTML 파일안에 이라는 태그를 이용하여 그 안에 CSS 속성을 지정하는 방법입니다. 안녕하세요? 안녕하세요? 위 예제는 cssfile.css 파일을 따로 작성하여 저장하고 HTML 파일에서는 line 태그를 이용하여 작성한 파일을 링크하였습니다. 이 방법을 사용하면 CSS 파일 하나를 작성하여 여러..