가변형 버튼 css 질문!
설희
2023.04.01
안녕하세요.
모바일웹에서 사용될 페이지에서 가변형으로 늘어나는 버튼을 구현하고 싶은데요.
이미지 보시는것처럼. 양쪽이 사각진게 아니라서 양쪽 이미지 나누고. 가운데는 1px로 repeat-x로 표현을 하는데...
html 구조랑 css 가 좀 헷갈려서요..
div class=btn
div class=center
div class=left
div class=right
버튼 텍스트
/div
/div
/div
/div
이런식으로 하는게 맞나요???? 누가 이렇게 갈켜줬는데.. 잘 안되서요;;ㅋㅋ
각 class에 맞게 ceter에는 1px짜리 이미지 넣음되고, left랑 right에 자른 이미지를 넣으면 되는건징....
궁금합니다.
-
라별
아이폰, 안드로이드로 대상 제한이 가능하다면 -webkit-border-image 사용을 추천드립니다.
마크업은 a class=\btn\Text/a 면 충분할 것 같습니다.
세로 높이정렬은 height대신 line-height에 동일한 값을 주시면 자동으로 맞추어집니다.