10.7 圆角矩形：从此以后，我们的世界不再有矩形。语法格式：border-radius：左上角 右上角 左下角 右下角。注意：1、如果盒子的高和宽一样，圆角像素设置为高和宽的一半，形状就会变为圆形；2、圆角像素可以用px和%表示；3、只写一个属性值，四个角都会有效果；写两个属性值，第一个属性值会显示在左上角和右下角，第二个属性值会显示在右上角和左下角；写三个值，第一个属性值在左上角显示，第二个属性值在右上角和左下角显示，第三个属性值会在右下角显示；写四个属性值，显示一次在左上角、右上角、左下角、右下角。
10.8 盒子内边距：基本语法：padding：属性值。其属性值和圆角矩形的属性值用法基本一样，一个值、两个值…… 左上右下。注意：将padding值设为负值无效。
10.10 新浪导航栏：
10.12 外边距及盒子居中对齐：可以让盒子实现水平居中，需要满足以下两个条件：1、必须是块级元素；2、盒子必须指定宽度（width），然后就给左右外边距都设置为auto就可以使跨级元素水平居中。实际工作常用这种方式进行网页布局，示例代码如下图：
10.13 文字水平居中和盒子水平居中的区别：
10.14 清楚内外边距：为了更方便地控制网页中的元素，制作网站时，可使用如下代码清楚元素默认的内外边距：
10.15 行内元素上下边内外边距的问题：注意：行内元素是只有左右边距的，没有上下边距。
网友评论