본문 바로가기

홈페이지제작/HTML+CSS

 (6)
html css 화면 가운데 세로 중앙 위치 정렬 화면의 가로 세로 가운데에 글자를 위치시키는 소스입니다. 화면의 크기가 변경이 되어도 가운데를 벗어나지 않습니다. 센타 소스 참조 결과 참조
HTML 테이블 css, table 속성 css 지정 테이블 속성 css 지정, table 속성 css 지정 보통 테이블의 속성을 아래와 같이 지정해서 사용합니다.테이블의 가장 기본적인 속성지정입니다. 이 속성 지정을 css 로 해두면 정말 편하겠지요.지금은 테이블을 사용하지 않고 코딩을 하려고 하는 경향이지만, 경우에 따라서 테이블을 사용할 수 밖에 없는 경우가 있습니다.아래의 방법으로 css를 코딩해보세요. table {border:0px; border-collapse:collapse; padding:0px; border-spacing:0px; }td, th {padding:0px} 위와 같이 css에서 선언을 해두시면 테이블을 사용하실 때, 아래와 같이 간단하게 사용하실 수 있겠지요,.
흘러가는 효과 marquee marquee 태그 사용법 - 흘러가는 효과 텔레비젼 화면 아래에 자막이 흘러가는 효과를 홈페이지에서도 구현가능합니다.marquee 태그를 이용하시면 간단히 해결됩니다. 형식 흘러갈 내용 예제 독도는 우리땅 대마도도 우리땅 독도는 우리땅 대마도도 우리땅 독도는 우리땅 대마도도 우리땅
html css 글자간격(자간), 줄간격 html css 글자간격(자간), 줄간격 조절하기 글자의 간격과 줄간격을 조절하는 키워드는 letter-spacing, word-spacing, line-height 가 있습니다.td, div, span 등에서 사용가능하며 단위는 px, %, em 모두 사용가능합니다. 글자간격의 조절 letter-spacing : 글자간의 간격 조절word-spacing : 단어간의 간격 조절지정하는 단위는 %, px, em 등 모두 가능합니다. 글자간격 조절의 예 테이블 셀의 글자간격을 10px로 조절하는 예입니다. abcde 줄간격의 조절 line-height : 줄과 줄의 간격, 보통은 % 단위로 지정 줄간격 조절의 예 줄간격을 200%로 지정합니다. abcde dddddd
가상클래스 : a 가상클래스는 요소별로 다양한데, 그중에 a 가 가질 수 있는 가상클래스는 여러가지가 있습니다. visited : 방문했던 적이 있는 링크active : 클릭했을 때hover : 마우스가 올라가 있을 때link : 아직 클릭하지 않은 링크 CSS는 코드상 뒤에 정의된 내용이 적용되기 때문에 가상 클래스의 가장 좋은 적용 순서는 link, visited, active, hover 순 입니다. 순서가 뒤바뀌면 원하는 표현을 얻을 수 없으니, 적용순서는 잘 숙지를 해 두는 것이 좋습니다. hover 뒤에 link 의 정의가 따라온다면, 마우스를 링크위에 올려놓는다고 해도, link의 정의때문에 hover 가 적용되지 않습니다. 사용예 :a:visited {color:#ff0000}a:active {color:#..
html 이미지 사이즈 줄일때, 반짝이는 부분 보정 img {border:none; -ms-interpolation-mode: bicubic; /* for IE7(Anti-aliasing) */}

티스토리툴바