选择题选项的按钮用css怎么实现

<form method="post" action="">
        <p>
            <label for="q1">
            <input id="q1" name="question" type="radio" checked="checked" />A 答案1</label>
        </p>
        <p>
            <label for="q2">
            <input id="q2" name="question" type="radio" />B 答案2</label>
        </p>
        <p>
            <label for="q3">
            <input id="q3" name="question" type="radio" />C 答案3</label>
        </p>
        <p>
            <label for="q4">
            <input id="q4" name="question" type="radio" />D 答案4</label>
        </p>
        <p>
            <label for="q5">
            <input id="q5" name="question" type="radio" />E 答案5</label>
        </p>
    </form>
    
    
    
 不需要css，html搞定

非IE6浏览器，可以使用input:hover的伪类来控制样式，但IE6浏览器只能用JS来实现了，需要设定两个状态，然后用JS切换类。

<style>
#c_button { width:92px; height:30px; border:0; float:left;}
c_up{background:url(/images/i_login_btnpng) no-repeat 0 top;}
c_down{background:url(/images/i_login_btnpng) no-repeat 0 bottom;}
</style>

<input name="" id="c_button" class="c_up" type="submit" value="" title="点击登录"/>

<script type="text/javascript">
documentgetElementById("c_button")onmouseover=function() {thisclassName = "c_down";}
documentgetElementById("c_button")onmouseout=function(){thisclassName = "c_up";}
</script>

块元素的之间的间距使用margin属性设置。

CSS margin 属性

定义和用法

margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。

说明

这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。

块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。

注释：允许使用负值。

例子 1

margin:10px 5px 15px 20px;
/
上外边距是 10px
右外边距是 5px
下外边距是 15px
左外边距是 20px
/

例子 2

margin:10px 5px 15px;
/上外边距是 10px
右外边距和左外边距是 5px
下外边距是 15px/

例子 3

margin:10px 5px;
/
上外边距和下外边距是 10px
右外边距和左外边距是 5px
/

例子 4

margin:10px;
/所有 4 个外边距都是 10px/

可能的值

1、设置一个长度与宽度，使用到的CSS代码。

2、经过给它设置长度与宽度后，变成了下图所示，相比与没有任何样式，它会好出很多。

3、接下来，可以去掉它自带默认的边框，将它边框设置为0PX，观察一下效果。

4、添加了红色的背景后，它显示如下图所示的样式。

5、除了使用颜色设置背景外，也可以使用作为背景。

6、还可以设置它的其他更多样式，方法是直接添加CSS代码即可。

---