채택완료

카테고리 질문입니다.

글쓰기에 카테고리를 추가 할려고 하는데

디자인을  아래의 사진처럼 변경할려고 합니다. 

이용자들이 선택할수 있도록 코딩할려고 하는데 생각한대로 되질 않네요....

div 로 border 값주고 글자는 span이나 p태그로 주긴 했는데 클릭을 하게 해야하는데

어떻게 해야될지 감이 오질않아서 조언을 구해봅니다

1888899041_1553661147.2496.png

답변 2개 / 댓글 3개

채택된 답변
+20 포인트
2019-03-27 (수) 13:37:13

a클래스로 하면되요 <a href="/"></a> 이걸로해서 버튼 css 입히고 버튼 만들면되요 그리고 

css 안에 이미지 백그라운드 줘서 가로 세로 사이즈 주고 이럼되요

답변에 대한 댓글 2개

감사합니다!
근데 onclick 하는 방법도 좋지만 왠만하면 에이 태그로 이동하는게 좋아요 뭐 url 이동같은경우나 function을 주려면 javascript:a(); 라고 href="javascript:a()" 이렇게 주면 펑션이 실행되요 간단한거면 에이태그로 이동하면 좋구요 onclick해서 이동하는건 어쩔수 없이 상황이 그렇게 된다면 쓰면 되요~

div로 만드셨다면 div자체에

링크를 걸어주는 방법도 있습니다~

Copy
<div onclick="location.href='이동할주소'" style="cursor:pointer;">

답변에 대한 댓글 1개

감사합니다ㅎㅎ

답변을 작성하려면 로그인이 필요합니다.