css3

最新推荐文章于 2022-07-13 10:37:21 发布

转载最新推荐文章于 2022-07-13 10:37:21 发布 · 41 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/nc-blog/p/4026960.html

本文深入探讨了CSS中旋转、圆角、边框图案与背景尺寸的使用方法，通过示例代码详细解释了如何应用这些样式属性以实现网页元素的美观与功能性设计。

旋转

transform:rotate(30deg);
-ms-transform:rotate(30deg); /* IE 9 */
-moz-transform:rotate(30deg); /* Firefox */
-webkit-transform:rotate(30deg); /* Safari and Chrome */
-o-transform:rotate(30deg); /* Opera */

圆角

border-radius:25px;
-moz-border-radius:25px; /* 老的 Firefox */

边框图案

-moz-border-image:url(/i/border.png) 30 30 round;   /* Old Firefox */
-webkit-border-image:url(/i/border.png) 30 30 round;   /* Safari and Chrome */
-o-border-image:url(/i/border.png) 30 30 round;       /* Opera */
border-image:url(/i/border.png) 30 30 round;

背景尺寸

-moz-background-size:63px 100px; /* 老版本的 Firefox */
background-size:63px 100px;
background-origin 属性规定背景图片的定位区域。
背景图片可以放置于 content-box、padding-box 或 border-box 区域。

转载于:https://www.cnblogs.com/nc-blog/p/4026960.html