css로 점선을 만들려고 합니다.
border 1px에 속성을 dotted로 하면 점이 생기죠. 근데 점들간의 간격도 1px입니다.
여기서 문제!!! 만약 아래와 같이 점들간의 간격을 더넓게 줄려면 어떻게 해야 할까요~~~
ex)
border 1px에 속성을 dotted로 하면 점이 생기죠. 근데 점들간의 간격도 1px입니다.
여기서 문제!!! 만약 아래와 같이 점들간의 간격을 더넓게 줄려면 어떻게 해야 할까요~~~
ex)
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 4개
제가 알기로는 dotted의 '점 크기'는 늘릴 수 있지만 점크기는 1px인채로 각 점들의 간격을 넓힐수는 없다고 알고있어요.
1픽셀의 점을 찍으시고 왼쪽이나 오른쪽에 원하시는 픽셀만큼 여백을 주시고 투명gif로 저장하신후 배경으로 깔아주시는게 젤 낫지 않나 싶습니다.
근데 세로형으로 들어갈꺼라서요. 이럴경우 1px의 테이블안에 넣어야 하는데 이게 파폭에서는 깨지더라구요.
또 글씨가 많아서 테이블이 늘어나면 깨지기도 하구요.
그래서 가급적이면 css를 활용할려는데 애매하긴 하네요 ;;
일반적인 백그라운드로 처리를하면 전체적으로 들어가게되어지니 세로 방향으로만 백그라운드를 처리
해주시면되요
background: url(img/dot_line.gif) repeat-y left top;
이런 식으로 해주시면됩니다.
나머지는 응용해보세요~
dotted보다 크고 점 간격이 넓습니다.
border: dashed 1px gray;
고맙습니다.