虚线表格HTML

最新推荐文章于 2021-06-23 11:01:36 发布

李启柱

最新推荐文章于 2021-06-23 11:01:36 发布

阅读量489

点赞数

分类专栏：笔记文章标签： html

本文链接：https://blog.csdn.net/mhgjddev/article/details/112385444

版权

笔记专栏收录该内容

40 篇文章 0 订阅

订阅专栏

School is on a holiday!!!
My timetable

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>虚线表格</title>
	<style type="text/css">		 
#newspaper-c
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: center;
	border-collapse: collapse;
	border: 1px solid #6cf;
}
#newspaper-c th
{
	padding: 20px;
	font-weight: normal;
	font-size: 14px;
	color: #039;
	text-transform: uppercase;
	border-right: 1px solid #0865c2;
	border-top: 1px solid #0865c2;
	border-left: 1px solid #0865c2;
	border-bottom: 1px solid #fff;
}
#newspaper-c td
{
	padding: 10px 20px;
	color: #669;
	border-right: 1px dashed #6cf;
}
	</style>
</head>

<body>	
<table id="newspaper-c">
    <thead>
    	<tr>
			<th scope="col">时间</th>
        	 <th scope="col">星期日</th>
             <th scope="col">星期一</th>
             <th scope="col">星期二</th>
             <th scope="col">星期三</th>
			<th scope="col">星期四</th>
             <th scope="col">星期五</th>
             <th scope="col">星期六</th>
        </tr>
    </thead>
    <tbody>
    	<tr>
			<td>早</td>
        	<td>linux</td>
            <td>welcome</td>
            <td>C++</td>
            <td>kali</td>
			<td>cisco</td>
            <td>web</td>
            <td>ccna</td>
        </tr>
        <tr>
			<td>中</td>
        	<td>visual</td>
             <td>kali</td>
             <td>cisco</td>
             <td>ccna</td>
			<td>windows</td>
             <td>llinux</td>
             <td>welcome</td>
        </tr>
        <tr>
			<td>下</td>
        	<td>kali</td>
             <td>web</td>
             <td>linux</td>
            <td>C++</td>
			<td>visual</td>
            <td>ccna</td>
            <td>cisco</td>
        </tr>
        <tr>
			<td>晚</td>
        	<td>C++</td>
             <td>web</td>
             <td>welcome</td>
             <td>windows</td>
			<td>linux</td>
            <td>kali</td>
            <td>web</td>
        </tr>
    </tbody>
</table>
</body>
</html>

李启柱

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
虚线表格HTML

School is on a holiday!!!My timetable<!doctype html><html><head><meta charset="utf-8"><title>虚线表格</title> <style type="text/css"> #newspaper-c{ font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-
复制链接

扫一扫