你可以使用下面的 HTML 代码来创建一个带有指定样式的 div 元素，其中类为 "box"：

<div class="box">
  <!-- 这里是 div 元素的内容 -->
</div>

接下来，你可以使用 CSS 来为名为 "box" 的 div 元素设置宽度、高度、内边距和外边距：

.box {
  width: 100px;
  height: 100px;
  padding: 20px;
  margin: 10px;
}

在上面的代码中，我们为类为 "box" 的 div 元素设置了以下样式：

  • width: 100px; 将宽度设置为 100px。
  • height: 100px; 将高度设置为 100px。
  • padding: 20px; 将内边距设置为 20px，即在元素内容和边框之间添加 20px 的间距。
  • margin: 10px; 将外边距设置为 10px，即在元素边框和相邻元素之间添加 10px 的间距。

这样，将这些 CSS 样式应用于名为 "box" 的 div 元素后，它的宽度和高度都将为 100px，并且具有 20px 的内边距和 10px 的外边距。你可以根据需要进行调整。