63 lines
1.4 KiB
HTML
63 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
|
|
<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>补充</title>
|
|
|
|
<style>
|
|
|
|
#app {
|
|
width: 300px;
|
|
height: 300px;
|
|
background-color: salmon;
|
|
/* 边框 */
|
|
border: #ccc solid 10px;
|
|
/* 边框居中 */
|
|
/* margin-right:auto ;
|
|
margin-left:auto ; */
|
|
|
|
/* 边距 - 内 */
|
|
|
|
padding:20px ; /*上下左右 都为20px*/
|
|
padding:20px 40px ;/*上下20px, 左右为40px*/
|
|
padding:20px 40px 60px;/*上20px 左右40px 下60px*/
|
|
padding:20px 40px 60px 80px;/*上20px 左40px 下60px 右80px*/
|
|
|
|
/* 边距 -外 :与内边距使用一致 */
|
|
/* margin: 20px; */
|
|
|
|
/* border: #ccc solid 1px; */
|
|
/* border-width: 1px;
|
|
border-style: solid;
|
|
border-color: #ccc; */
|
|
|
|
|
|
/* 背景复合写法 */
|
|
/* background-image: url(https://tse2-mm.cn.bing.net/th/id/OIP-C.UM6yunmzITekW0TVUOwSLAHaLl?w=114&h=180&c=7&r=0&o=5&dpr=1.25&pid=1.7) no-repeat; */
|
|
|
|
/* 字体 */
|
|
/* font: ; */
|
|
|
|
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div id="app" contenteditable="true">
|
|
|
|
</div>
|
|
<!-- <textarea name="" id="" cols="30" rows="10"></textarea> -->
|
|
<!-- contenteditable="true" 将盒子变为可编辑状态 -->
|
|
|
|
</body>
|
|
|
|
</html> |