富文本编辑器写
<p>CSDN</p>
<script>
function fun(){
alert('ok');
}
</script>
<style>
.tablelist{
border:1px solid;
border-collapse;
}
.one{
border:1px solid;
background-color:#00ff00;
}
.two{
background-color:#ff0000;
}
.btn1{
padding: 10px 28px;
margin-top: 10px;
margin-left: 10px;
}
</style>
<table class="tablelist" border="1" width="200">
<tbody><tr class="one">
<td>C1</td>
<td><br></td><td>见习工程师</td>
</tr>
<tr class="two">
<td>C2</td>
<td><br></td><td>专项工程师</td>
</tr>
</tbody><tbody><tr class="one">
<td>C1</td>
<td><br></td><td>见习工程师</td>
</tr>
</tbody></table>
<button onclick="fun()" type="button" class="btn1">ok</button>
css盒子模型
<!DOCTYPE html>
<html>
<head>
<title>CSS盒子模型</title>
<head>
<style type="text/css">
body{
position: relative;
font-size: 20px;
text-align: center;
color: black;
background-color: #fcdd9c;
padding: 0;
margin: 0;
width: 1000px;
}
.b9{
position: absolute;
z-index: 0;
width: 20%;
line-height: 200px;
left: calc(30% + 60px);
top: 560px;
bottom: -20px;
background-color: #f8cc9d;
}
.b1{
width: 30%;
line-height: 180px;
margin: 20px;
background-color: aquamarine;
}
.b2{
width: 30%;
line-height: 420px;
margin: 20px;
background-color: aquamarine;
}
.b3{
position: absolute;
width:750px;
line-height: 250px;
/* 左侧相对于父元素的距离 */
left:330px;
margin-left: 20px;
/* 顶部相对于父元素的距离 */
top: 0px;
background-color: aquamarine;
}
.b4{
position: absolute;
z-index: 1;
width:400px;
font-size: 20px;
text-align: center;
color: white;
padding: 0;
margin: 0;
line-height: 350px;
left:350px;
top: 270px;
background-color: aquamarine;
}
.b5{
position: absolute;
width:300px;
line-height: 165px;
left:800px;
top: 270px;
background-color: aquamarine;
}
.b6{
position: absolute;
width:300px;
line-height: 165px;
left:800px;
top: 455px;
background-color: aquamarine;
}
.b7{
position: absolute;
width: 20%;
line-height: 200px;
left: 400px;
top: 40px;
background-color: #F3A464;
}
.b8{
position: absolute;
width: 20%;
line-height: 200px;
left: 750px;
top: -100px;
background-color: #F3A464;
}
</style>
</head>
</head>
<body>
<div class="b1">1</div>
<div class="b2">2</div>
<div class="b3">3</div>
<div class="b4">4</div>
<div class="b5">5</div>
<div class="b6">6</div>
<div class="b7">7</div>
<div class="b8">8</div>
<div class="b9">9</div>
</body>
</html>