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

长安紫薯

于 2021-05-07 07:57:42 发布

阅读量1.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： front-end 大前端文章标签： html css css3

本文链接：https://blog.youkuaiyun.com/nutony/article/details/116477981

界面原型

利用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;
			}
		<