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