테스트 사이트 - 개발 중인 베타 버전입니다

게시글내용중 버튼 문의입니다. 채택완료

장똥 7년 전 조회 1,785

 

보기와같이 버튼을 이용하고싶은데. 그대로 소스퍼오니까

 

</strong> Limk #1 <a href="<a href="https://linkinfo.club/m_link.php?url=https://openload.co/embed/90WWLf31geY" target="_blank" rel="noopener noreferrer">https://linkinfo.club/m_link.php?url=https://openload.co/embed/90WWLf31geY</a>" target="_blank">OpenLoad</a> <strong>

 이런식으로밖에 적용안되더라구요.

 css 에서 무엇을 추가를해줘야하는지.. 자세한답변부탁드립니다 

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

답변 2개

채택된 답변
+20 포인트
세이세키

https://www.cssgenerators.net/?view=more&lang=ko">https://www.cssgenerators.net/?view=more&lang=ko

여기서 원하시는모양으로만들고 css퍼가셔도됩니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

장똥
7년 전
CSS 파일에다가 붙여넣기만하면 적용되는건가요 !
세이세키
7년 전
붙여넣고 잡다한거 지우고 클래스/아이디명 바꿔주면 될껍니다

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

아래 소스를 붙여넣기 하셔서 원하시는데로 수정하시면 될듯합니다.

설명입니다. 

 

0.공통 속성은 btn 클래스 에 작성, 배경색이 다르기 때문에 배경색은 개별적으로 설정

1.display:inline-block : a요소가 인라인 요소기 때문에 크기(width,height)를 선언해 주려면 블락요소로 변경해주어야 합니다.

2.글자의 세로 가운데 정렬 line-height 로 처리

3.;border-radius:3px; 박스 모서리 둥글리기

4.text-align:center; 글자정렬 가운데로

5.text-decoration:none : a링크 기본속성이 밑줄이 생기기 때문에 제거하기 위해 작성

 

</p>

<p><style type='text/css'>

.btn{display:inline-block;width:100px;height:30px;line-height:30px;border-radius:3px;color:#fff;text-align:center;text-decoration:none}

.btn_01{background:red;}

.btn_02{background:blue;}

.btn_03{background:green;}

</style>

<a class='btn btn_01' href="#">버튼</a>

<a class='btn btn_02' href="#">버튼</a>

<a class='btn btn_03' href="#">버튼</a></p>

<p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

장똥
7년 전
저대로 CSS 파일에다가 붙여넣기만하면 적용되는건가요 !?
장똥
7년 전
소스는 이렇습니다

<table>
<tbody><tr>
<th>직접다운</th>
<td>
<div id="movie_bt">
<a href="http://fileis.com/?p_id=singaho00&amp;category1=MVO&amp;type=1&amp;depth=1" target="_blank" class="webhard_ad">
<div class="down_bt">고화질 다운로드
<div class="webhard_ad">AD</div>
</div>
</a>
</div>
</td>
</tr>
<tr>
<th>링크-1</th>
<td>
<div id="movie_bt">
<a href="https://linkinfo.club/m_link.php?url=https://openload.co/embed/90WWLf31geY" target="_blank" class="OpenLoad">Link #1 OpenLoad</a>
</div>
</td>

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

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

로그인