问答详情
源自:3-1 CSS 标签元素的内置padding

最后提到的label是如何实现的?

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>CSS深入理解之padding</title>

<style type="text/css">


label{

display: inline-block; 

line-height: 20px; 

padding: 10px; 

background:red;

}

#btn{z-index: -1;}

#btn2{z-index: -1;}


</style>

</head>

<body>

    <button id="btn"></button>

    <label for="btn">按钮</label>


    <button id="btn2">

        <label for="btn2">按钮2</label>

    </button>

   

</body>

</html>


请问btn和btn2哪一个是老师描述的啊? 我试了一下感觉画风诡异是哪里出错了吗?

http://img.mukewang.com/5818378d00013c0d03940449.jpg


提问者:12只怕有心人 2016-11-01 14:35

个回答

  • qq_天天_66
    2017-07-04 11:10:57

    第一个

  • 叫我煤老板
    2016-11-01 16:58:32

    我的理解应该是btn2,然后把button标签隐藏