수다닷컴

  • 해외여행
    • 괌
    • 태국
    • 유럽
    • 일본
    • 필리핀
    • 미국
    • 중국
    • 기타여행
    • 싱가폴
  • 건강
    • 다이어트
    • 당뇨
    • 헬스
    • 건강음식
    • 건강기타
  • 컴퓨터
    • 프로그램 개발일반
    • C언어
    • 비주얼베이직
  • 결혼생활
    • 출산/육아
    • 결혼준비
    • 엄마이야기방
  • 일상생활
    • 면접
    • 취업
    • 진로선택
  • 교육
    • 교육일반
    • 아이교육
    • 토익
    • 해외연수
    • 영어
  • 취미생활
    • 음악
    • 자전거
    • 수영
    • 바이크
    • 축구
  • 기타
    • 강아지
    • 제주도여행
    • 국내여행
    • 기타일상
    • 애플
    • 휴대폰관련
  • 프로그램 개발일반
  • C언어
  • 비주얼베이직

상하좌우 사이즈가 유동적인 bg이미지를 가지고 있는 박스를 css로 구현가능한가요?

큰깃

2023.04.01

아무리 생각을 해봐도 css로 하는 방법을 영 못알아내겟습니다;;
테이블로 잡아 버리면 되는일이긴 하지만.. 영 신경이 쓰여서 답답합니다.
고수들께서 가르침을 주신다면 감사하겟습니다.. ^^;
(예를 들어서 네모서리에 라운딩처리가 된 박스의 유동적인 사이즈변경을 구현할수 있을까요?)또 한가지!
이번 프로젝트부터 유효성검증을 거치고 패스가 되면 개발쪽에 넘기는 프로세싱을 시작했는데요..
유효성검증을 거치고 pass 를 받는건 어찌어찌 공부하면서 해결을 하고있는데요..
이게 단지 유효성검증만 거친다고 해서 정말 완벽한 코딩일런지.. 제 스스로 제 실력을 알다보니 이런걱정도 하게됩니다.
어떤가요??

신청하기





COMMENT

댓글을 입력해주세요. 비속어와 욕설은 삼가해주세요.

  • 아론아브라함

    수다님// 제가 좀 게을러서 주말엔 확인을 못하고 출근해서야 확인을 했네요. ^^; 의견 말씀해 주셔서 너무나 감사합니다. 말씀 하신 방법중에 이미지를 크게 쓰는건 용량이 너무 무거워 못쓴다기 보단 최간단 최효율적 소스만을 만들어 사용하겠다는 처음취지에 맞지 않아서 안될듯 하고요;; 두번째 방법은 한번 고려해 봐야겠습니다. 아무튼 너무 감사들립니다!

  • 제나

    아
    아니면 라운드 크기만큼만 자르시고 나머지부분을 그냥 색 채우고
    라인이 있어야한다면 border로 해보심 어떨까요? ^^

  • 베네딕트

    이미지 높이는 라운드 크기만큼이면 될꺼고 가로는 화면을 꽉채우신다니 최대한 큰 해상도 고려해서 잡으신다고 해도 그렇게 용량 크지 않을꺼 같아요^^;
    요즘 그것보다 큰것도 bg 이미지로 많이들 쓰시는거 같던데...^^;;

  • 딸기향

    수다님// 가르침 진심으로 감사드립니다. 저도 그책을 본지라 어렴풋이 어서 봤다는 생각은 하고 있었는데 알려 주셔서 감사합니다.^^ 근데 한가지 고민거리가요. 그 방법은 박스의 크기가 커지면 그 만큼 이미지도 커져야 한다는데 있습니다. 페이지를 화면 가득 채우는거라면 이미지 용량도 만만치 아니하니.. 제가 찾던 방법은 아닌듯 합니다;; 이 방법밖엔 없는건가요? ㅡㅜ

  • 미리내

    어...이거 [css마스터전략]에 있는 내용..^^;

  • 빗줄기

    젤 바깥div에 bottom left이미지, 한번 들어간 div에 bottom right이미지, 한번 더 들어간 div에 top left이미지
    여기서 한번 더들어가서는 div가 아닌 h2 로 내용상 제목과 함께 top right이미지를 쓰시면되요~
    여기서 left에 있을 이미지들은 가로 길이를 넉넉하게 해주시면 되구요~
    책에 있는데로 알려드린거예요^^;;

번호 제 목 글쓴이 날짜
2699380 메뉴가 계단식으로 나타나요.. ㅠ.ㅠ (5) 스릉흔다 2025-06-25
2699354 영문 웹폰트 관련 질문입니다!!! (1) 치킨마루 2025-06-25
2699329 윈도우 미디어 플레이어 URL 질문!!! (1) 제철 2025-06-25
2699296 동영상 배경 질문드려요!!!!!!!!!!!!!! 핫파랑 2025-06-24
2699214 position:fixed 에 대한 질문입니다.. (7) 사이 2025-06-24
2699183 제이쿼리 이미지 슬라이드 위치값 수정 초엘 2025-06-23
2699153 테마[ADORABLE]에서 페이지생성시 하위페이지는 2개밖에 안되나요? 흰여울 2025-06-23
2699129 네이버 블로그 또는 사이트의 글을 불러오기 갤원 2025-06-23
2699070 탭메뉴처럼 셀렉트 박스를 이용해서 내용을 출력할 수 있는 방법이 있을까요. (3) 큰꽃늘 2025-06-22
2699016 인터넷이 안되는 환경에서 validator설치방법 (3) 은송이 2025-06-22
2698988 대체 C++ 6.0 exe 아이콘은 어떻게 넣는건가요? 외국녀 2025-06-22
2698960 음성파일을 embed로 작업했는데..웹 표준코딩으로 변경하려면 어떻게 해야하나요? (1) 잎새 2025-06-21
2698932 메뉴목록 풍선창 만들기 html (2) 하늘이 2025-06-21
2698901 http://www.zeitgeistbot.com/ 이 사이트처럼 움직이는 효과를 무엇이라고 하나요? 누림 2025-06-21
2698876 table width값 크로스브라우징에 대한 문의 (2) 볼수록매력 2025-06-21
2698849 c언어 질문. (3) 아름나 2025-06-20
2698823 setInterval 이벤트 제거 하려면... 가온길 2025-06-20
2698796 이 오류를 이해를 못하겠어요 Addicted 2025-06-20
2698712 IF 문 이 계속 오류가 나요 (2) 옆집오빠야 2025-06-19
2698687 이미지를 클릭하면 그 이미지를 다운받게해주는 방법 질문요 ^^ (미해결) (5) 해지개 2025-06-19
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

수다닷컴 | 여러분과 함께하는 수다토크 커뮤니티 수다닷컴에 오신것을 환영합니다.
사업자등록번호 : 117-07-92748 상호 : 진달래여행사 대표자 : 명현재 서울시 강서구 방화동 890번지 푸르지오 107동 306호
copyright 2011 게시글 삭제 및 기타 문의 : clairacademy@naver.com