【小白学前端】化腐朽为神奇-HTML+CSS3实现电影票（day01-3）

原创

于 2021-05-07 07:57:42 发布 · 1.4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#html #css #css3

界面原型

利用div和table布局实现电影票的布局
小技巧包括：圆角样式、横向合并单元格、纵向合并单元格
在这里插入图片描述

代码实现

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>太平洋影城</title>
		<style>
			td{
   
   
				border: 1px solid;
				border-color: darkgoldenrod;
				margin-top: 2px;
				padding: 5px;
				border-radius: 10px;
			}
			.no{
   
   
				/* border: 1px red solid; */
				color: #B8860B;	/* 16进制,0~9,a,b,c,d,e,f RGB */
				padding-left: 240px;
			}
			div{
   
   
				font-weight: bold;
			}
		<