设置div元素边框实线,宽度100px,高度100px,左内边距10px,上内边距20px。 设置class值为one的div元素外下边距30px。 设置class值为two的div元素外左边距700px。
时间: 2023-05-25 15:01:30 浏览: 71
A:
```HTML
<div style="border: 1px solid black; width: 100px; height: 100px; padding-left: 10px; padding-top: 20px;"></div>
<div class="one" style="border: 1px solid black; width: 100px; height: 100px; margin-bottom: 30px;"></div>
<div class="two" style="border: 1px solid black; width: 100px; height: 100px; margin-left: 700px;"></div>
```
或者为了简化代码,可以将公共的样式提取出来,再分别添加特定的类名属性:
```HTML
<style>
.box {
border: 1px solid black;
width: 100px;
height: 100px;
margin: 0;
padding: 20px 0 0 10px;
}
.one {
margin-bottom: 30px;
}
.two {
margin-left: 700px;
}
</style>
<div class="box"></div>
<div class="box one"></div>
<div class="box two"></div>
```