Question

我尝试添加边框并对齐我的桌面中心，但它不起作用。是什么原因？是什么原因导致我的代码忽略表的属性？到目前为止，我还尝试添加style='border:1;'，但它仍然无法正常工作。

    <link rel='stylesheet' href='../CSS/style.css' media="all"/>
    </head>
<body>  
            <!--Main Wrapper starts here!-->
    <div class="main_wrapper"> 

            <!--Header Wrapper starts here!-->
        <div class="header_wrapper" >

        <a href='index.php'><img id="logo" src="../Pictures/logo.png"/></a>
        </div>
            <!--Header ends here!-->

            <!--Menu Bar starts here!-->
        <div class="menubar">

        <div id="form">
            <form method="get" action="results.php" enctype="multipart/form-data">
                <!--<input type="text" name="user_query"  placeholder="Search Product"/>
                <input type="submit" name="search" value="search" style='background-color:#80dfff; border:none;'/>-->
            </form> 
        </div>
        </div><!--Menubar ends here!-->

            <!--Content Wrapper here!-->
        <div class="content_wrapper">

            <!--CONTENT AREA starts here-->
            <div id="content_area">
            <a href='admin_login.php' style='color:white; font-size:20px; position:absolute;top:275px; right:210px;'>
            Logout</a>

            <table align ='center' border = '1'>
            <tr>
                <td>CustomerID</td>
                <td>ItemID</td>
                <td>Price</td>
                <td>Quantity</td>
                <td>Total</td>
                <td>Date</td>
            </tr>

            </table>
            </div><!--END OF CONTENT AREA-->
        </div><!--Content Wrapper ends here!-->
        <div id="footer"><h2 style='text-align:center; padding-top:25px;'>&copy; Jerlon Buenconsejo 2015</h2> </div>
    </div><!--Wrapper-->
</body>
</html>

样式表

body{

    background:url('../Pictures/background_login.jpg');
}

input[type='text']{

    height:50px;
    width: 250px;
    padding-left: 20px;
    margin-left: 20px;
    opacity: .5;
    border: none;
}
input[type='password']{

    height:50px;
    width: 250px;
    padding-left: 20px;
    margin-left: 20px;
    opacity: .5;
    border: none;
}

input[type='submit']{
    position:relative;
    top:-330px;
    left:50px;
    height:50px;
    width: 250px;
    padding-left: 20px;
    margin-left: 20px;
    border: none;
    border-radius: 11px;
    background-color:#27b061 ;
}

label{

    font-family:courier;
    font-size: 18;
    display:inline;
    color:white;


}

#emailtext{
    margin-left: 52px;
}
#login_wrapper{
margin-top:150px;

}

.formdata{
position:relative;
top:-350px;
padding:10px;
padding-left:10px;
text-align: center;
}

属性不起作用

0 个答案: