2011-03-14 55 views
1

我正在尝试制作30x30像素框。我不在乎它是否使用按钮,a,span,等等。创建可点击框

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

这里是要求:

  1. 必须追加到 现有行的末尾(不换行)

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

  3. 必须是方形的

  4. 看上去没有任何斜角

+2

你想用别的吗?炸薯条还是可乐?请在下一个柜台下订单= P – Dan 2011-03-14 07:10:18

+0

您尝试过什么?你有没有为你工作的HTML和CSS? – Dan 2011-03-14 07:11:49

回答

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/

+0

这打破了规则1'必须附加到现有行的末尾(不换行)' – amosrivera 2011-03-14 07:16:06

+0

@amasrivera,非常真实。更新风格和链接:http://jsfiddle.net/fQP6J/1/ – Dan 2011-03-14 07:17:37

+0

@Dex,然后排序? – Dan 2011-03-14 07:18:57

0
<html> 

<style> 

.btn { 

BORDER: 1px solid; COLOR: black; height: 30px; width: 30px; 

} 

</style> 

<button class=btn >btn</button> 

</html>