CSS3 新增属性-边框圆角-文字阴影-盒子阴影

作者：System 时间：2024年08月19日分类：所有,css3 字数：485

CSS3 提供了多个新属性来增强样式表的功能，包括边框圆角（border-radius），文字阴影（text-shadow），以及盒子阴影（box-shadow）。




.box {
  border: 2px solid #000;
  border-radius: 10px; /* 可以是像素值、百分比或者是像素值与百分比的组合 */
}




.text {
  text-shadow: 2px 2px 2px #000; /* 水平偏移 垂直偏移 模糊半径 颜色 */
}




.box {
  box-shadow: 5px 5px 5px #000; /* 水平偏移 垂直偏移 模糊半径 颜色 */
}

CSS3 的这些新特性让页面设计师和开发者能创建更加生动和复杂的页面效果。