이런 보더같은 선을 넣는 법좀 알려주세요ㅠ
By은지
2023.04.01
연습삼아 다른 홈페이지들 따라서 해보고있는데.이런 선은 어떻게 처리해야될지 감을 못잡겠어요..빨간화살표표시로되있는..
홈페이지들 보니 저렇게 선처리가 되어있던데css에서border로는 안되는것같고 이미지 파일같은데..
가운데 보더처럼 되어있는데 그라데이션처럼 색이 되있어요.
그래서 포토샵에서 저 선을 고대로 이미지로 만들어서 적용하면 되겠지 했는데..어떻게 넣어야될지;
1.저런 흐릿하게 빠지고 길이가 헤더높이보다 짧은 건 css 자체로 처리할수없나요?2.마지막이미지를 두번째처럼 넣으려면 css에서 헤더배경(?) 혹은 li배경(?)으로 깔아야 하는건가요?3. 결론적으로 제가 저렇게 이미지를 만든게 맞는지요ㅠㅠㅠ
-
별빛
백그라운드 그라데이션 rgba 활용하셈
-
맑다
첫번째껀 ie7에서 중간 세로 선만 안보여도 상관없다면 :after선택자를 이용하구요.
익스7도 맞춰야하고 이미지로 하기 싫다면 span이든 div든 뭔가를 추가해서 :after대신에 사용하구요.
두번째껀 모바일일 경우 border-image를 이용 해 보기도 하구요.
PC일경우 그냥 배경이미지로 해결합니다.
다 귀찮을땐 뭐가됬든 걍 배경이미지로 처리해버리구요. -
좍좍
저도 요런건 백그라운드로 처리합니다~
-
플랜
저런건 대부분 이미지 백그라운드 형태이고, background-position을 통해서 해결한 것 같은데요-