css3上

CSS3是Cascading Style Sheets（层叠样式表）第三次版本更新，它的出现使得网页的设计变得更加美观且具有交互性。本文将介绍一些常用的CSS3样式。

/* 文字阴影 */
p {
text-shadow: 2px 2px 2px #000;
}
/* 圆角边框 */
div {
border-radius: 5px;
}
/* 梯形效果 */
nav {
background: linear-gradient(to bottom right, #F79256, #FBD1A2);
clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%);
}
/* 动画效果 */
button {
animation: button-animation 0.5s ease-in-out;
}
@keyframes button-animation {
0% {
transform: scale(1);
}
50% {
transform: scale(0.9);
}
100% {
transform: scale(1);
}
}

以上是一些常用的CSS3样式，通过应用这些样式可以使网页更加丰富多彩。当然，这里只是介绍了一小部分，还有许多其他的样式可以使用，需要我们在具体实现过程中去尝试和探索。

查看更多关于css3上的详细内容...