CSS边框样式

原创 2019-04-29 12:22:28 380
摘要:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&

<!DOCTYPE html>

<html lang="en">


<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>Document</title>

<style>

table {

width: 970px;

margin: 0 auto;

border-collapse: collapse;

}


td,

th {


border: 1px solid #ccc;

padding: 10px;

}


a {

text-decoration: none;

color: #000;

}


button {

width: 72px;

height: 33px;

color: #fff;

background: #009688;

border: none;

border-radius: 7px;

cursor: pointer;

}


span {

color: red;

}

</style>

</head>


<body>

<table>

<tr>

<th style="width:210px;">作业名称</th>

<th>所属课程</th>

<th>提交时间</th>

<th>批阅状态</th>

<th>批改备注</th>

<th>详情</th>

</tr>

<tr>

<td>结合本章课学习的内容做个小总结!并利用所学的知识完成自己的小案例!案例不限!! </td>

<td><a href="">CSS中的浮动</a></td>

<td>2019-03-25 22:35:01</td>

<td><span>未完成</span></td>

<td>暂无</td>

<td><button>查看详情</button></td>

</tr>

<tr>

<td>结合本章课学习的内容做个小总结!并利用所学的知识完成自己的小案例!案例不限!! </td>

<td><a href="">CSS中的边框样式</a></td>

<td>2019-03-25 22:35:01</td>

<td><span>未完成</span></td>

<td>暂无</td>

<td><button>查看详情</button></td>

</tr>

<tr>

<td>结合本章课学习的内容做个小总结!并利用所学的知识完成自己的小案例!案例不限!! </td>

<td><a href="">HTML中的常用标签及属性(表格)</a></td>

<td>2019-03-25 22:35:01</td>

<td><span>未完成</span></td>

<td>暂无</td>

<td><button>查看详情</button></td>

</tr>

</table>

</body>


</html>



批改老师:查无此人批改时间:2019-04-30 09:04:08
老师总结:完成的不错,可以把常用的css样式写成公用文件。继续加油。

发布手记

热门词条