Skip to content
此页目录
本文总阅读量

CSS3 background 阴影背景

阴影

css
text-shadow: x y  blur  color;
box-shadow: x y  blur  spreed  color inset;
  • x: 水平,y: 垂直,blur:模糊度,spreed:尺寸,color:颜色,insert:内阴影,默认的是外阴影

background

css
background-image: url(),url()....;
background-size: length | % | cover | contain ;
/* cover:把背景图片扩至足够大,以使背景图像完全覆盖背景区域。 */
/* contain:把图像扩展至最大尺寸,以使其宽度和高度完全适应内容区域。 */

background-origin:content-box | padding-box | border-box;
/* content-box 背景图片相对于内容框来定义 */
/* padding-box 背景图片相对于内边距框来定义 */
/* border-box 背景图片相对于边框线来定义 */
  
background-clip:content-box | padding-box | border-box;
/* content-box 背景裁剪到内容框 */
/* padding-box 背景裁剪到内边距框 */
/* border-box 背景裁剪到边框线 */

resize

css
resize:none | both | horizontal | vertical;
  • none:无法调整元素的尺寸

  • both:可以调整元素的宽度和高度

  • vertical:可以调整元素的高度

  • horizontal:可以调整元素的宽度

注意

如果其他元素希望该属性生效,需要设置元素的 overflow 的属性,值除了 visible 以外

评论

交流群