要给盒子模型的外面添加颜色，可以通过设置盒子的背景颜色或者边框颜色来实现。1. 设置盒子的背景颜色：可以使用 CSS 的 background-color 属性来设置盒子的背景颜色。例如，将盒子的背景颜色设置为红色：```css.box { background-color: red;}```如果要给多个盒子添加背景颜色，可以给它们添加相同的类名，然后通过 CSS 选择器选择这个类名来设置背景颜色。2. 设置盒子的边框颜色：可以使用 CSS 的 border-color 属性来设置盒子的边框颜色。例如，将盒子的边框颜色设置为绿色：```css.box { border-color: green;}```可以通过调整 border-width 属性来设置边框的宽度。需要注意的是，这些属性只是用来给盒子模型的外面添加颜色，并不会改变盒子的尺寸或形状。
上方工具栏customize里选第一个 customize user interface ----colors----第一个滑条里选viewport background就是背景色了