SIR
목록
이전글 다음글
아

css 질문 하나 할께요.

사다드
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 16년 전 · 4842 · 4
css로 점선을 만들려고 합니다.

border 1px에 속성을 dotted로 하면 점이 생기죠. 근데 점들간의 간격도 1px입니다.

여기서 문제!!! 만약 아래와 같이 점들간의 간격을 더넓게 줄려면 어떻게 해야 할까요~~~

ex)
|
글쓰기

댓글 4개

쵸쵸코맛
프로필 보기이 회원 글보기이 회원의 댓글보기
 16년 전
넓은 줄 간격의 dotted를 사용하시려면 차라리 gif 이미지로 만들어 사용하시는게 나을거 같아요.
제가 알기로는 dotted의 '점 크기'는 늘릴 수 있지만 점크기는 1px인채로 각 점들의 간격을 넓힐수는 없다고 알고있어요.

1픽셀의 점을 찍으시고 왼쪽이나 오른쪽에 원하시는 픽셀만큼 여백을 주시고 투명gif로 저장하신후 배경으로 깔아주시는게 젤 낫지 않나 싶습니다.
사사다드
프로필 보기이 회원 글보기이 회원의 댓글보기
 16년 전
아~ 답변 감사합니다.
근데 세로형으로 들어갈꺼라서요. 이럴경우 1px의 테이블안에 넣어야 하는데 이게 파폭에서는 깨지더라구요.
또 글씨가 많아서 테이블이 늘어나면 깨지기도 하구요.
그래서 가급적이면 css를 활용할려는데 애매하긴 하네요 ;;
WWEBSP
프로필 보기이 회원 글보기이 회원의 댓글보기
 16년 전
1px * 2px 짜리 이미지를 만든후 백그라운드로 처리하면되는데요

일반적인 백그라운드로 처리를하면 전체적으로 들어가게되어지니 세로 방향으로만 백그라운드를 처리

해주시면되요

background: url(img/dot_line.gif) repeat-y left top;

이런 식으로 해주시면됩니다.

나머지는 응용해보세요~
김김장군
프로필 보기이 회원 글보기이 회원의 댓글보기
 16년 전
이렇게 사용해보셔요

dotted보다 크고 점 간격이 넓습니다.

border: dashed 1px gray;

고맙습니다.

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기
🐛 버그신고