Button Generator!! CSS 버튼 꾸며주는 사이트 html의 기본형 버튼은 회색에 투박하기 때문에 디자인의 통일성을 깨뜨리는 문제가 발생합니다. 버튼은 웹문서에서 상당히 많이 사용하게되며 이미지로 사용하기도 하지만 CSS를 이용하여 만들 계획이라면 버튼을 쉽게 만들어주는 사이트가 있습니다. Button Generator ① 미리 제작된 템플릿을 선택할 수 있습니다. ② 색상을 선택할 수 있고 디자인을 실시간으로 확인 할 수 있습니다. ③ 버튼의 세부적인 디자인을 변경 할 수 있습니다. 원하는 형태의 버튼이 완성 되었다면 미리보기창의 버튼을 눌러줍니다. 그러면 우측의 설정부분이 CSS 코드로 변하는데 이걸 복사해주세요. 티스토리의 HTML/CSS 편집에서 CSS부분에 붙여넣어주면 버튼에 대한 ..

[HTML/CSS] CSS의 링크꾸미기 본 포스팅은 우선 CSS의 작성법 이해했다는 가정하에 작성되었습니다. 잘 모르겠으면 관련 포스팅을 참조해주세요. ▶관련 포스팅◀ [TIP/Blog] - [HTML/CSS] 폰트 사이즈 단위 [TIP/Blog] - [HTML/CSS] CSS란? CSS의 작성법 [TIP/Blog] - [HTML/CSS] HTML에 CSS를 적용하는 방법!! [TIP/Blog] - [HTML/CSS] 링크걸기 〈a〉태그!! 링크는 태그를 사용하기 때문에 태그를 꾸며주게 되는데, CSS란? CSS의 작성법의 의사셀렉터(가상선택자) 부분을 활용하여 속성을 부여합니다. 링크꾸미기는 보통 다음과 같은 효과를 부여합니다. * a:Link - 방문하지 않은 링크 * a:Visited - 방문했던 ..

[HTML/CSS] 링크걸기 태그!! 흔히 하이퍼링크(Hyper link)라고 표현하며 직접 주소를 적지 않아도 클릭 만으로 이동 가능하도록 하는것으로 HTML에서는 태그를 사용해요. 태그는 Anchor의 약자로 배가 정박하기 위해 사용하는 닻이라는 뜻으로, HTML에서는 특정 위치로(닻을 내린 위치로) 쉽게 이동하기 위해 사용해요. 태그는 다른 페이지로 연결, 다른 페이지의 특정 위치, 현재 페이지의 특정 위치로 이동 할 수 있어요. 다른 페이지로 이동 태그 속성 속성값 비고 a href 파일명이나 URL 이동할 대상의 파일명이나 URL주소. href mailto:메일주소 메일을 받을 주소. target _self (기본값) _blank _top _parent 사용자지정 _self는 기본값이므로 생략해..