問題描述
我是一個初學者并且非常困惑，作為一個 div 標簽，當我使用border-radius: 50% 給出相同的寬度和高度時，它總是變成圓形.但是如果我想制作一個圓形按鈕，使用標簽 a，它不會那樣工作.這是我嘗試使圓形邊框按鈕可點擊的時候.
I'm a beginner and very confused, as a div tag when I give the same width and height with border-radius: 50% it always becomes circle. but with the tag a in case I want to make a circle button, It doesnt work that way. This is when I try to make a circle border button clickable.
.btn {
height: 300px;
width: 300px;
border-radius: 50%;
border: 1px solid red;
}<a class="btn" href="#"><i class="ion-ios-arrow-down"></i></a>
推薦答案
對于 div 標簽，已經有瀏覽器給出的默認屬性 display:block.對于錨標記，瀏覽器沒有顯示屬性.您需要為其添加顯示屬性.這就是使用 display:block 或 display:inline-block 的原因.它會起作用的.
For div tag there is already default property display:block given by browser. For anchor tag there is not display property given by browser. You need to add display property to it. That's why use display:block or display:inline-block. It will work.
.btn {
display:block;
height: 300px;
width: 300px;
border-radius: 50%;
border: 1px solid red;
}<a class="btn" href="#"><i class="ion-ios-arrow-down"></i></a>這篇關于圓形按鈕 css的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網！