css表格

最新推荐文章于 2024-07-25 22:09:37 发布

hoho_12

最新推荐文章于 2024-07-25 22:09:37 发布

阅读量413

点赞数

分类专栏： css 网页设计与制作文章标签： css

本文链接：https://blog.csdn.net/hoho_12/article/details/52106013

版权

网页设计与制作同时被 2 个专栏收录

13 篇文章 1 订阅

订阅专栏

css

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			table {
				border: solid;
				border-width: 5px;
				border-bottom-width: 10px;
				border-color: red;
				/*border-collapse: collapse;*/
				/*合并边框*/
				table-layout: fixed;
				border-spacing: 20px;
			}
			
			td {
				border: solid;
				border-width: 3px;
			}
			
			div {
				width: 1000px;
				height: 200px;
				border: solid;
				border-width: 10px;
			}
		</style>
	</head>
	<!--    	
    	描述：边框(table div body form)
    	
    	border : solid 实心线  double 双线  默认不显示
    	border-width : 边框的宽度 各个方向的边框可以单独制定
    		border-bottom-width
    	border-color : 边框颜色
    		border-top-color/border-bottom-colot ... 各个方向的边框可以单独制定
    	border-spacing: 边框间距	
    	table-layout ：设置单元格宽度  auto :自动拉伸
    							fixed:固定单元格宽度  
    -->

	<body>
		<table>
			<tr>
				<td>HTML</td>
				<td>CSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSSCSS</td>
				<td>JavaScript</td>
			</tr>
			<tr>
				<td>1.5天1.5天1.5天1.5天1.5天1.5天1.5天1.5天1.5天1.5天1.5天1.5天1.5天1.5天1.5天</td>
				<td>1天</td>
				<td>2.5天</td>
			</tr>
		</table>

		<div></div>

		<form></form>

	</body>

</html>