跟着实训的第三天-CSDN博客

本文链接：https://blog.csdn.net/m0_58821630/article/details/117532212

今天我们学习了CSS和超链接，下面就是带啊实训部分：

<!DOCTYPE html>

<head>

<title>Document</title>

<style>

.box1{

background-color: white;

border: 5px dashed #000000; /*虚线边框*/

margin: 0 auto;

height: 500px;

width: 500px;

position: relative;

}

.box2{

background-color: white;

border: 5px solid gray; /*实线边框*/

/* margin: 0 auto; */

position: relative;

top: 50%;

left: 50%;

transform: translate(-50%,-50%);

height: 400px;

width: 400px;

}

.box3{

background-color: red;

/* border: 10px solid gray; 实线边框 */

position: relative;

top: 50%;

left: 50%;

transform: translate(-50%,-50%);

height: 300px;

width: 300px;

}

.box4{

background-color: red;

border: 5px dashed white;

position: relative;

top: 50%;

left: 50%;

transform: translate(-50%,-50%);

height: 200px;

width: 200px;

}

.box5{

background-color: red;

border: 5px dashed white;

position: relative;

top: 50%;

left: 50%;

transform: translate(-50%,-50%);

height: 150px;

width: 150px;

}

.box6{

background-color: white;

border: 5px solid black;

position: relative;

top: 50%;

left: 50%;

transform: translate(-50%,-50%);

height: 80px;

width: 80px;

}

</style>

</head>

<body>

</div>

</body>

</html>

<!DOCTYPE html>

<head>

<style>

#biggest

{position: relative;

text-align: center;

}

#middle{

position: relative;

text-align: center;

}

/*第二列单元格为右对齐*/

#tdr{

text-align: right;

}

/*提交按钮的颜色*/

#inputsubmit

{

background-color: orange;

}

#input1

{

text-align:center;

}

{text-align: left;

}

</style>

</head>

<body>

<div>

</div>

<form>

</tr>

<tr><td id="tdr">会员登录名:</td>

</tr>

</tr>

<tr><td id="tdr">再次输入密码:</td>

</tr>

<td>

<input type="radio" name="identity">买家

<input type="radio" name="identity">卖家

<input type="radio" name="identity">两者都是

</td>

</tr>

<td>

<!--这里由于有输入框的大小，图片的大小，导致了验证码图片看着和坐标的输入框，导致验证码和输入框看着比重不对，如果需要调整的话，可以调整表格的结构

，改为4列的分别存放图片4和超链接，就可以了-->

</td>

</tr>

</tr>

<td>

<textarea readonly cols="30" rows="7">欢迎阅读阿里巴巴公司（阿里巴巴）服务条款协议(下称"本协议")，您应当在使用服务之前认真阅读本协议全部内容，且对本协议中加粗字体显示的内容，阿里巴巴督促您应重点阅读。本协议阐述之条款和条件适用于您使用阿里巴巴中文网站（所涉域名为：Alibaba.com.cn、alibaba.cn、1688.com，下同），所提供的在全球企业间(B-TO-B)电子市场(e-market)中进行贸易和交流的各种工具和服务(下称"服务")。

</textarea>

</td>

</tr>

</table>

</form>

</div>

<div>

</div>

</body>

</html>