css3边框和圆角

目录

  • css3 圆角 

  • css3 盒阴影 

  • css3 边界图片 

*** css3 圆角 ***

css3边框和圆角_第1张图片

css3边框和圆角_第2张图片 // 顺时针(从左上角开始)

 css3边框和圆角_第3张图片css3边框和圆角_第4张图片





border



 

*** css3 盒阴影 ***

css3边框和圆角_第5张图片 

h-shadow:水平方向的偏移量;  // 必写,允许负值

v-shadow:竖直方向的偏移量;  // 必写,允许负值

blur:模糊度; // 可选

spread:扩展度; // 阴影四周扩展多少像素   // 可选

color:阴影颜色; // 可选

inset:向内;(不添加 就是向外)  // 可选





BoxShadow



大家好!

 

*** css3 边界图片 ***

css3边框和圆角_第6张图片

css3边框和圆角_第7张图片

 

css3边框和圆角_第8张图片

 

css3边框和圆角_第9张图片

 

css3边框和圆角_第10张图片

 

css3边框和圆角_第11张图片





Border Image



详细参考《border-image教程》

你可能感兴趣的:(前端基础入门,css/css3)