링크도 스타일설정이 가능합니다. 링크방법으로 주로 사용되는 몇가지 방법을 본다면 첫째, 링크아래 밑줄을 없앱니다. 컬러로 링크를 구분하기 때문에 밑줄까지 칠 필요가 없고 보기에 예쁘지도 않습니다. 링크에서 밑줄을 없애려면 아래 스타일설정을 사용합니다. text-decoration: none;  더 재미있는 방법으로 사용자가 링크에 마우스 포인터를 올리면 원하는 스타일설정으로 보이도록 하는 유사 클래스라는 것도 있습니다 아래 코드를 사용합니다. a:hover {                color: green;                } 이 두가지 명령을 함께 사용하면 링크의 밑줄을 없애고 이를 탐색할 때 녹색으로 변합니다      2024.08.01 - [코딩] - CSS- 텍스트정렬2024.08...

워드프로세서와 마찬가지로 CSS를 이용하여 텍스트를 왼쪽이나 오른쪽, 양끝맞추기로 정렬할 수 있습니다. 아래 스타일을 추가하면 됩니다 text-align: right;  이를 적용하면 문단이 아래와 같이 나타납니다.  텍스트가 오른쪽으로 정렬되어 있습니다    왼쪽으로 정렬하려면 다음과 같이 바꾸어 주면 됩니다 text-align: left;  기본설정이 왼쪽 정렬이므로 굳이 이를 사용할 이유는 없습니다.  양끝맞추기를 위해서는 다음과 같이 사용하면 됩니다 text-align: justify;      2024.08.01 - [코딩] - css-웹페이지의 텍스트스타일 바꾸기2024.08.01 - [코딩] - css-웹페이지의 폰트바꾸기2024.07.31 - [코딩] - CSS-text상자 테두리를 둥근모..

폰트 지정외에도 텍스트에 여러가지 스타일작업을 할 수 있습니다. 텍스트를 굵게, 이탤릭체로, 밑줄을 긋는 등 다양한 형태로 만들 수 있습니다 그럼 문단을 볼드체로 만들어 봅시다 아래처럼 코드를 입력합니다.     p  {       font-weight: bold;      }  이 코드를 넣어서 결과물을 출력하면 다음과 같이 보입니다     글자가 더 짙어지고 굵어진 것을 볼 수 있습니다.   그렇다면 문장에서 한두 개의 단어만 볼드체로 하고 싶다면 어떻게 해야 할까? 이를 위해서는 '스팬'이라는 구성요소를 사용해야 합니다. 이 요소 자체로는 아무런 결과가 나오지 않지만 구성요소의 개별적 부분의 스타일을 설정할 수 있는 기능입니다. 웹페이지의 문단을 다음과 같이 바꿔봅시다.  this text is b..