《HTML5+CSS3响应式Web开发》课件——2.边框属性的样式应用.pptxVIP

项目导入

边框属性边框阴影属性圆角边框属性图形边框属性

边框属性

边框属性语法格式border:border-widthborder-styleborder-colorborder-width:像素|thin|medium|thick

边框属性语法格式border-style:none|solid|dotted|dashed|double|groove|ridge|inset|outsetborder-color:颜色英文名称|十六进制值|rgb()|rgba()|transparent

边框属性

边框阴影属性

边框阴影属性语法格式box-shadow:h-shadowv-shadowblurspreadcolorinset

边框阴影属性

圆角边框属性

圆角边框属性语法格式border-radius:像素|%

圆角边框属性

图形边框属性

图形边框属性语法格式border-image:border-image-source|border-image-slice|border-image-width|border-image-outset|border-image-repeatborder-image-repeat:repeat|round|stretch|space

图形边框属性

图形边框属性

小结

试一试分析山东科技职业学院官网校园风光网页/xywh/xyfg.htm的边框属性设置并参考编写