用border-radius属性来设置圆角

可以写：
四个值：左上 右上 右下 左下
三个值：左上 右上左下 右下
两个值：左上右下 右上左下
一个值：共用
给单独一角设置圆角：border-xxx-xxx-radius
例如：左上角 border-top-left-radius

position 属性指定了元素的定位类型。

position 属性的五个值：
static
relative
fixed
absolute
sticky
元素可以使用的顶部，底部，左侧和右侧属性定位。然而，这些属性无法工作，除非是先设定position属性。他们也有不同的工作方式，这取决于定位方法。

static 定位
HTML 元素的默认值，即没有定位，遵循正常的文档流对象。

fixed 定位
元素的位置相对于浏览器窗口是固定位置。

relative 定位
相对定位元素的定位是相对其正常位置。

absolute 定位
绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于: