如何在CSS代碼中放置CSS樣式？

Question

我想編輯表格的輸入框，即用戶在表格中輸入用戶名和密碼的字段。我在php代碼中創建了這張表。

現在我想使輸入字段的文本以不同的顏色，只有小寫字母不是大寫字母。

我試着給類選擇td選擇如class="smallCaps"，並試圖在外部css文件中編輯，但它沒有奏效。

<?php 
if ($username && $userid){ 
    echo "You have logged in as <b> $username </b>. Click here to <a href='logout.php'>   Logout </a>"; 
} 
    else { 
$form = "<form action= 'index.php' method='POST'> 
<table> 
    <tr> <td> <font color='black' face='arial' size='3'>Username: </font> </font></td> <td> <input type='text' name='user' placeholder='Username' > </td> 
    <td> <font color='black' face='arial' size='3'>Password: </td> </font><td> <input type='password' name='password' placeholder='Password'></td> 
    <td> <button type='submit' class='btn' name='loginbtn' value ='Login'><font size='3'>Login</font> </td></button> 
    <tr><td> <a href='signup.php'> <font color='black' face='arial' size='3'>Register</font> </a> </td> </tr> 
    </table> 
    </form>"; 

Answer 1

我不確定你在這裏做什麼。你有沒有包含外部的css文件？

我假設你做了[class ='smallCaps']而不是[class =「smallCaps」]，這會與回聲產生衝突。

Answer 2

你應該嘗試聯樣式類似：

<table style=" background-repeat:no-repeat; width:450px;margin:0;" cellpadding="0" cellspacing="0" border="0"> 
    <tr style="height:40px; width:450px; margin:0;"> 
    <td style="height:40px; width:40px; margin:0;"> 

等....

Answer 3

儘量保持你的客戶端和服務器端的代碼分開。您可以通過執行以下操作：

echo '<table class="myClass">'; 

，然後去把表樣式的類，你宣佈

.myClass{ 
    top: 15px; 
    left: 10px; 
}