코딩np
loading
본문 바로가기 메뉴 바로가기
css-웹페이지의 폰트바꾸기

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

코딩 2024. 8. 1. 08:02
CSS-text상자 테두리를 둥근모서리로 만들기

둥근 모서리는 테두리선과 관련이 있습니다. 이는 CSS언어의 가장 최신 버전인 CSS3에 추가되었습니다. 모서리를 둥글게 하려면 보더레이디어스를 사용합니다. CSS에 보더를 아래 스타일로 바꿉니다.    border-radius: 10px;           텍스트박스를 만들면 모서리가 이렇게 둥그렇게 나타나는 결과를 보여줍니다     이제 둥근 모서리를 가진 사각형이 보입니다. 보더레이디어스 값은 대체로 5~10픽셀이 적합한 값입니다.

코딩 2024. 7. 31. 22:26
css - text구성요소 테두리만들기

텍스트가 쓰여지는 구성요소에 테두리를 더해서 웹페이지의 다른 부분과 간단하게 구분할 수 있다. 테두리는 복잡한 페이지의 가독성을 높여 줍니다. 그리고 페이지에 약간의 그래픽 효과를 줄 수 있습니다    지금 위와 아래에서 보시는 것처럼 텍스트 주위로 회색 테두리가 만들어집니다. 이렇게 만드는 코딩을 해보겠습니다    css코딩모드에서 다음과 같이 코딩을 입력해 줍니다  그러면 바로 위에보시는 회색테두리의 결과가 나오게 됩니다      3px : 이는 테두리의 폭이다 solid : 테두리의 유형이다. dotted, dashed, groove,  ridge 등과 같은 다른 테두리 유형도 시험해 보라 대체로 solid가 가장 많이 쓰인다.grey : 테두리 컬러다 원하는 컬러를 사용할 수 있다. 또는 #47D..

코딩 2024. 7. 31. 19:55
이전 1 ··· 18 19 20 21 22 23 24 ··· 38 다음
이전 다음

티스토리툴바

이메일: help@abaeksite.com | 운영자 : 아로스
제작 : 아로스
Copyrights © 2022 All Rights Reserved by (주)아백.