之前做的html试卷,经过css美化后应该长成这个样子:
在css的盒模型中,html的每个元素都会被形容为一个矩形盒子,然后用来渲染盒子的属性,诸如颜色、背景、边框、位置等等。每一个盒子都有四条边界:margin、border、padding、content。
这次的练习中主要用到的有以下样式:
text-align: center
等等用来控制元素的位置。margin-right: 20%
padding: 0px 15px
border: 2px
等等将元素盒模型绘制好。其中使用rgba
来控制border
颜色,border-radius
来控制圆角。虽然用到的样式不多,但是如何去组合设计是比较不容易的,需要多使用css才能做出比较好看的样式。具体css样式代码见如下地址。