워드프로세서와 마찬가지로 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..

웹페이지의 폰트를 바꿀 수 있습니다. 지금까지는 웹페이지의 모든 텍스트를 브라우저의 기본 설정 폰트(크롬의 경우 타임스 뉴 로만)로 표시했습니다        위의 코딩은 기본적인  'this is some text' 텍스트출력을  보여주는 코딩입니다 여기에 스타일을 추가해보겠습니다  body  {              font-family: cursive;}   폰트를 cursive체로 바꿨습니다  그럼 위의 결과물과 어떻게 달라졌는지 보겠습니다      글씨체가 예쁜 cursive 체로 바뀌었습니다    지금까지 제가 블로그를 만든 과정을 보시면 하나 하나 설명드린 것을 적용해서 만들고 있기때문에 블로그 글들이 조금씩 변해가는 모습을 보실 수  있습니다