圆角渐变与浮动.ppt

CSS圆角设计 本节课内容 border-radius 圆角盒子属性，实际是box-radius 饼状图 过渡属性 transition 图标变文字 阴影属性 box-shadow border-radius 属性 border-radius：用于设置元素盒子四个角的圆角效果 border-radius 属性示例 div{ width: 100px; height: 100px; background:#C96;} .box1{border-radius: 100px; } .box2{ border-radius: 100px 0; } .box3{ height:50px;border-radius: 50%; } .box4{ border-radius: 50%; background:url(images/head01.jpg) no-repeat; background-size:cover; } .box5{height:50px;border-radius: 50px 50px 0 0; } 本节课内容 字体图标 图像边框 Flex布局 4.4.4 网页中的字体 h2{font-family:方正姚体,幼圆,宋体;} .tt{font-family:方正姚体,幼圆,宋体;} @font-face可以为字体文件名定义一个变量，例如