我正在尝试制作一个30x30像素的盒子。我不在乎它是否使用了按钮,a,span,等等。
我无法在所有浏览器中统一显示任何内容。
以下是要求:
必须附加到结尾 现有行(没有换行符)
必须能够在jQuery中分配点击事件
必须是正方形
看起来平坦,没有任何斜面
答案 0 :(得分:4)
您应该能够通过在CSS中设置'A'标签来实现您想要的效果。
<强> CSS:强>
a {
display:inline-block;
width:30px;
height:30px;
background-color:#ccc;
border:1px solid #ff0000;
}
<强> HTML:强>
<a href=""></a>
参见工作示例:http://jsfiddle.net/fQP6J/1/
答案 1 :(得分:0)
<html>
<style>
.btn {
BORDER: 1px solid; COLOR: black; height: 30px; width: 30px;
}
</style>
<button class=btn >btn</button>
</html>