border-radius 적용 문제 채택완료
파르테노
5년 전
조회 5,142
안녕하세요.
초보자인데요.
border-radius를 다음과 같이 적용했는데, 직사각으로만 표시되는데,
뭐가 문제인지 봐주실수 있으신가요?
<div style="height: 12px;"><span style="margin-left: 8px; padding: 6px 10px; background: #00c2b6; color: #ffffff; font-weight: bold; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;">블루투스</span></div>
<div style="border: 2px solid #00c2b6; padding: 25px 12px 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: 760px;">
링크 첨부했습니다.
조언 부탁드립니다.
댓글을 작성하려면 로그인이 필요합니다.
답변 6개
채택된 답변
+20 포인트
sinbi
Expert
5년 전
https://codepen.io/sinbi/pen/PozayBG
잘 적용되는 걸로 봐선,
엉뚱한 곳을 수정하고 계신 듯 하네요.
아래 좌표 참조해 보세요.
반영 안 될 때 살펴볼 사항들
https://homzzang.com/b/css-248
border-radius 매뉴얼
https://homzzang.com/b/css-125
PS.
인라인 스타일 대신, 내부스타일이나 외부스타일 방식 이용 권장.
로그인 후 평가할 수 있습니다
답변에 대한 댓글 3개
�
파르테노
5년 전
s
sinbi
5년 전
소스 보기 해보면 인라인 코드에 적용이 안 된 걸로 봐선 파일 덮어쓰기가 제대로 안 된 듯 합니다. 다른 코드 영향을 받는 것이라면 아마 코드는 보이고 취소선이 그어져 있었을 겁니다. 파일 퍼미션을 확인해 덮어쓰기가 제대로 되고 있는지 확인하시고, 다른 글자 등을 넣어 현재 수정하고 있는 위치가 맞는지 등을 확인해 보세요.
�
파르테노
5년 전
inline으로 했을때는 안되더니 css에 입력해서 적용했더니 이제 되네요. 바쁘신데 답변해주셔서 감사드려요~ ^^
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
부모 속성의 영향을 받는 것 같은데, 저곳에만 적용할 수 있는 방법은 없을까요?
업로드 문제일까요? ㅠㅠ