init
This commit is contained in:
63
Html-Css/15-补充内容.html
Normal file
63
Html-Css/15-补充内容.html
Normal file
@@ -0,0 +1,63 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user