创建可点击框

时间:2011-03-14 07:03:22

标签: css

我正在尝试制作一个30x30像素的盒子。我不在乎它是否使用了按钮,a,span,等等。

我无法在所有浏览器中统一显示任何内容。

以下是要求:

  1. 必须附加到结尾 现有行(没有换行符)

  2. 必须能够在jQuery中分配点击事件

  3. 必须是正方形

  4. 看起来平坦,没有任何斜面

2 个答案:

答案 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>