수평선 무한으로 그리기
Creator
종류에 상관없이 수평선을 최대한 많이 그려야 되는 과제를 하고있는데요
무식하게 div에 border속성넣고 div를 무한으로 늘리고 있어서
그렇게하다간 끝이 ㅣ없을거같아서 질문드립니다
이미지나 컨텐츠 사용없이 오직 html/css만으로 수평선을 최대한 많이그려야됩니다ㅠㅠ
현재 css는
#border1 {
border-style:double;
border-left-style:hidden;
border-right-style:hidden;
padding-top:1px;
}
#border2 {
border-style:double;
border-left-style:hidden;
border-right-style:hidden;
padding-top:1px;
}
#border3 {
border-style:double;
border-left-style:hidden;
border-right-style:hidden;
padding-top:1px;
}
#border4 {
border-style:double;
border-left-style:hidden;
border-right-style:hidden;
padding-top:1px;
}
#border5 {
border-style:double;
border-left-style:hidden;
border-right-style:hidden;
padding-top:1px;
}
#border6 {
border-style:double;
border-left-style:hidden;
border-right-style:hidden;
padding-top:1px;
}
#border7 {
border-style:double;
border-left-style:hidden;
border-right-style:hidden;
padding-top:1px;
}
이런식으로 했는데 이러다간너무길어질거같아서요
무슨좋은방법없을까요?
-
소녀틳향기
아이디는 왜 저렇게 많은지요 .. 개발단쪽 하시는거 아니면 ..
class 로 해주세요 ..
id 는 개발단에서 마니 쓰니까 .. 퍼블리싱 쪽에서 아이디 쓰는거 개발쪽에서 .. 좋지 않게 생각 할겁니다..
저렇게 수평으로 하실꺼면 .. 그리고 ..
css 는 중복 되는걸 .. 잘 생각해서 .. 축소 하는게 .. 스킬인거 같아요 .. js 제이쿼리 도 마찬가지지만..
위에 보시면.. border-styledouble; border-left-style: -
꽃내
똑같은 div를 for 문돌려서 하거나 배경 반복을 쓰거나.. 둘다 안된다면 그냥 노가다로 해야죠. 도대체 뭔 의도로 준 과제인지 알 수는 없군요.
-
가람
무슨 의도의 과제인지는 모르겠지만 배경이미지를 사용하지 않는다면,
하나의 요소에 수평선은 위쪽과 아래로 두번뿐이 그을 수 없습니다.
배경컬러의 두께를 얇게 준다면 수평선이 세개처럼 보이게 할 수는 있겠네요. -
새늘
이미지를사용하면안되서요ㅜcss로만사용해서 최대한수평선을많이그려야되요
-
민들레
배경에 저렇게 깔리는 건가요?
배경으로 하시는 거라면 이미지로 처리하시는게 나을거 같은데요...
| 번호 | 제 목 | 글쓴이 | 날짜 |
|---|---|---|---|
| 2695934 | tr 속성값 (9) | 새 | 2025-05-25 |
| 2695905 | ASP로 개발됐을 때 css가 달라져요 ㅠㅠ (4) | 슬아라 | 2025-05-24 |
| 2695878 | form을 이용한 다른 페이지로 넘기는 방법을 알려주세요 (1) | 핫파랑 | 2025-05-24 |
| 2695844 | 저기 암호화 및 복호화 프로그램.. 만들어볼려는대 (2) | 한빛 | 2025-05-24 |
| 2695814 | [질문] PDA에서 애플릿이 가능한가요? (1) | 봄시내 | 2025-05-24 |
| 2695785 | 웹 설정 도와줄분 | 화이트캣 | 2025-05-23 |
| 2695730 | 갑자기 기억이 안나는데 accesskey 속성.. | 빛나라 | 2025-05-23 |
| 2695702 | [질문] Java 버전 차이에 의한 오류?!! (2) | 검사 | 2025-05-23 |
| 2695672 | 자바 임베디드 쪽으로 배우고 싶은데요..질문이요.. (1) | 뽀그리 | 2025-05-22 |
| 2695647 | 헉! 이클립스(v3.1)에서 발생되는 널포인트 익셉션? ;;; (3) | 아빠몬 | 2025-05-22 |
| 2695586 | IFRAME 캐싱 질문 | 봄나비 | 2025-05-22 |
| 2695498 | [질문]실행가능한 jar파일.. 정말 이해가 안가네요... ㅡㅜ;; | 터1프한렩 | 2025-05-21 |
| 2695468 | 자바랑 이클립스에서요.. | 스킬 | 2025-05-21 |
| 2695375 | Mysql 연동하는 자바 질문있습니다. | 아리솔 | 2025-05-20 |
| 2695319 | 파워포인트 파일을 저장할 수 있을까요? | 시윤 | 2025-05-19 |
| 2695289 | [질문]Tween 값의 정도를 알고 싶습니다. | 타마 | 2025-05-19 |
| 2695238 | c 와 c++의 시작 (10) | ChocoHoilc | 2025-05-18 |
| 2695215 | 탑메뉴의 repeat-x .배경이 두가지에요ㅠ ㅠ | 널위해 | 2025-05-18 |
| 2695187 | 자바스크립트와 자바의 import에 관해서 질문드려요 (1) | 무슬 | 2025-05-18 |
| 2695116 | 테마 문의 (해당 사이트와 같은 테마 혹은 플러그인) | Sweet | 2025-05-17 |