'분류 전체보기' 카테고리의 글 목록 (7 Page)
loading
본문 바로가기 메뉴 바로가기
css- 링크스타일 편집하기

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

코딩 2024. 8. 1. 13:46
CSS- 텍스트정렬

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

코딩 2024. 8. 1. 12:11
css-웹페이지의 텍스트스타일 바꾸기

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

코딩 2024. 8. 1. 10:16
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
퇴직연금 IRP 수수료 무료 금융사

퇴직연금 수수료 비교 (IRP) IRP는 연금상품이므로 수수료가 오랬동안 부과됩니다 최근에 IRP비대면 가입자에게 수수료를 면제해주는 곳이 늘어났습니다  일명 DIRECT IRP라고 합니다  각 금융사마다 제공하는 상품의 특성이 다르고 본인의 성향과도 맞아야 하므로 반드시 먼저 알아보시고 가입하시기 바랍니다

카테고리 없음 2024. 7. 29. 14:35
전남청년복지카드 여수 순천 광양 목포 화순 나주 사용처리스트 다운로드하기

사용처를 검색이 아닌 파일을 다운로드하셔서 사용하시기 바랍니다  최근 리스트  농협가맹점   광주은행가맹점   관련글     국내배당황제주 KT&G 월가에서 투자추천받다

카테고리 없음 2024. 7. 26. 14:34
나주시민 안전보험 2024 보험혜택과 가입방법 가입절차

나주시청   기사원본     보기   나주시가 준비한 무상보험 나주시민 안전보험  나주시민이라면 누구나 가입절차 없이 최대 2000만원까지 보장해 드립니다   나주시민 안전보험이 뭐예요? 나주 시민이 예상치 못한 재난 및 사고로 피해를 입었을 경우 시민들에게 혜택을 주는 보험입니다 별도 가입절차와 개별 보험료는 없으며 보험료는 나주시에서 전액 부담합니다.      청구방법 필요서류 구비후 우편(등기) 또는 팩스 전송청구주소 : (07238) 서울시 영등포구 은행로 29                  정우빌딩 206호 농협손해보험 사고접수반 팩스번호 :  02-6439-8795 / 0303-3440-8790이메일 : winsure2020@nate.com       청구구비서류      보험보장항목     ..

카테고리 없음 2024. 7. 24. 05:29
음원 저작권 무료저작권 음원사이트 유료음원사이트

음원 저작권은 음원을 소유한 자가 그 사용료를 받을 권리를 말합니다. 많은 분들이 음원저작권때문에 신경을 많이 쓰십니다. 특히 유튜브 동영상제작할 때  저작권문제는 항상 따라 다닙니다. 유료 무료음원사이트와 사용방법에 대해 알아보겠습니다.  유튜브의 자체저작권 감지기능 / 저작권확인하는 방법  √  유튜브는 영상을 올릴 때 유튜브자체에서 영상저작권을 감지해 자체적으로 음악과 저작권의 유무를 찾아 냅니다. 그렇다면 내가 보고 있는 영상의 음악이 저작권이 있는지 없는지 어떻게 확인할수 있나요?  → 보통 영상을 보면 '더보기'란이 있습니다.  여기서는 영어로 되어있지만 빨간 동그라미안에 더보기를 누르면 빨간 네모상자처럼 저작권에 대한 정보가 나타납니다  당연히 이 음악은 저작권이 있는 음악입니다     이런..

카테고리 없음 2024. 7. 23. 16:45
이전 1 ··· 4 5 6 7 8 9 10 ··· 12 다음
이전 다음

티스토리툴바

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