网页按钮位置 - MKT-porter

<!DOCTYPE html>


<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>遥控界面</title>
    
    <style type="text/css">
        #front
        {
            margin-left: 47.5px;
            margin-bottom: 3px;
        }
        #back
        {
            margin-top: 3px;
            margin-left: 47.5px;
        }    
        #leftRear
        {
            margin-top: 3px;
            margin-left: 0px;
        }    
        #rightRear
        {
            margin-top: 3px;
            margin-left:  47.5px;
        }    

    </style>

</head>


<body>
<div id="container" class="container">
    
    <div>
        <button id="front" >前进</button>
    </div>
    <div>
        <button id='leftFront'>左转</button>
        <button id='stop'>停止</button>
        <button id='rightFront'>右转</button>
    </div>
    <div>
        <button id='back'>后退</button>
    </div>
     <div>
        <button id='leftRear'>拍照</button>
        <button id='rightRear'>报警</button>
    </div>

</div>
</body>


</html>

posted on 2020-08-10 23:19 MKT-porter 阅读(213) 评论(0) 收藏举报

刷新页面返回顶部