box-shadow3

CSS 테이블 둥근 모서리 적용하는 방법 기본적으로 CSS 둥근 모서리를 설정하기 위해서는 border-radius 속성을 사용하여 적용을 할 수가 있지만 테이블의 경우에는 이가 적용되지 않습니다. box-shadow 속성을 추가하여 줌으로써 간단하게 적용을 할 수가 있습니다. CSS 테이블 둥근 모서리 적용하는 방법 border-radius 속성 적용 HTML 삽입 미리보기할 수 없는 소스 위와 같이 border-radius: 10px 속성을 추가하였음에도 테두리의 변화는 없습니다. box-shadow 속성 적용 HTML 삽입 미리보기할 수 없는 소스 box-shadow 속성을 추가하여 해결이 가능하지만 이때 inset으로 적용해야 합니다. 설정에 따라 다르겠지만 단순 테두리를 적용하려면 속성값도 X, Y 및 blur 값도 0으로 하고 spr.. 2024. 1. 17.
CSS Links 웹페이지에서 a 태그 링크가 걸릴 경우 글자, 배경색을 다르게 하여 방문자에게 링크가 있음을 알리고 반응하는 코드 입니다. a:link { color:#00456a; text-decoration:none; } a:visited { color:#00456a; text-decoration:none; } a:hover { color:#006ca6; text-decoration:underline; } a:active { color:#006ca6; text-decoration:none; } Link에 글자색을 바꾸고 밑줄을 없애고 hover 마우스를 올릴 경우 색을 바꾸며 밑줄을 표시하는 속성입니다. visited는 한번 클릭한 링크이며 active는 클릭하는 순간 이펙트 입니다. 이 코드들은 a 태그 이외에도 .. 2014. 10. 15.
CSS box-shadow text-shadow와 같이 요소의 그림자 효과을 주는 속성으로 배경을 기준으로 그림자 효과를 부여 합니다. 가로 세로 값은 필수입니다. CSS text-shadowbox-shadow: h-shadow v-shadow blur spread color inset h-shadow : 가로 v-shadow : 세로 blur : 번짐 spread : 그림자 크기 color : 색상 inset : 안쪽그림자 (기본 바같쪽)기본값:없음, 상속:안됨, 버전:CSS3 box-shadow:10px 10px; box-shadow:50px 50px 5px black; box-shadow:50px 50px 50px 5px black; box-shadow:10px 10px black inset; box-shadow:10px 1.. 2014. 2. 4.

티스토리툴바