HTML exercise 2

2, Realize the icon page (only appearance)
ps: The border of the table below is set with the attributes of the table.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<style>
    .td1{
     
     
        background-color: red;
    }
</style>
</head>
<body>
<select>
    <option>123</option>
</select>
<button>互换</button>
<select>
    <option>123</option>
</select>
数额
<input>
<button>汇率转换</button>
<br>
<table border="1px" width="650px" >
<tr >
    <td class="td1" colspan="3" align="center">
        按当前汇率兑换结果
    </td>
</tr>
    <tr >
        <td align="center">1</td>
        <td align="center">1</td>
        <td align="center">1</td>
    </tr>
    <tr >
        <td align="center">1</td>
        <td align="center">1</td>
        <td align="center">1</td>
    </tr>
</table>

</body>
</html>

result:
Insert picture description here

Guess you like

Origin blog.csdn.net/QXANQ/article/details/114897935