一.盒子模型的相关属性
1.边框属性
设置内容 | 样式属性 | 常用属性值 |
---|---|---|
边框样式 | border-style:上边 【右边 下边 左边】; | none 无(默认),solid 单实线,dashed 虚线,dotted 点线,double 双实线 |
边框宽度 | border-swidth:上边 【右边 下边 左边】; | 像素值 |
边框颜色 | border-color:上边 【右边 下边 左边】; | 颜色值,#十六进制,rgb(r,g,b), |
综合设置边框 | border:四边宽度 四边样式 四边颜色 | |
圆角边框 | border-radius:水平半径参数/垂直半径参数 | 像素值或百分比 |
图片边框 | border-images:图片路径 裁切方式/边框宽度/边框扩展距离 重复方式 |
2.图片边框
属性 | 说明 |
---|---|
border-image-soursse | 指定图片路径 |
border-image-slice | 指定边框图像顶部,右部,底部,左侧内测偏移 |
border-image-width |