web技术学习

切换模式

本文总阅读量 次

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 以外

评论