记事本jquery实现

VIP文章江淼11

于 2022-05-17 22:03:28 发布

阅读量255

点赞数

分类专栏： jquery 文章标签： html css javascript

本文链接：https://blog.csdn.net/m0_69422950/article/details/124831250

版权

html

	<!DOCTYPE html>
	<html lang="zh-CN">
	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<style>
	*{padding: 0;margin: 0;list-style: none;box-sizing: border-box;}

	html{font-size: 62.5%;}

	body{background-color: #f1f1f1;}

	.container{width: 400px;padding: 50px;margin: 0 auto;position: relative;}

	h1{text-align: center;}

	.container>p:nth-of-type(2){line-height: 4rem;font-size:3.2rem;}

	section{height: 6rem;padding: 1rem; background-color: #fff;margin-top: 2rem; box-shadow: 1px 1px 3px lightgrey;}

	section .item{width: 50%; height: 100%;float: left;border-right: 1px solid lightgray;display: flex;flex-wrap: wrap;align-content: center;}

	section .zhichu{border: 0;}

	section .item p {width: 100%;text-align: center;font-size: 1.6rem;font-weight: 900;}

	h2{margin-top: 1.5rem;line-height: 4rem;font-size: 1.8rem;border-bottom: 1px solid lightgray;}

	li{height: 3rem;background-color: #fff;position: relative;margin: 1rem auto;font-size: 1.2rem;}

	li span{float: left;width: 46%;height: 3rem;line-height: 3rem;}

	li .name{margin-left: 2%;}

关注