css3笔记

时间抹去了记忆

已于 2022-03-30 17:49:50 修改

阅读量81

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： css3

于 2019-12-09 16:00:34 首次发布

本文链接：https://blog.youkuaiyun.com/TimeLongRiver/article/details/103459603

前端专栏收录该内容

6 篇文章

订阅专栏

本文深入探讨CSS3新增的边框、背景、文本属性及渐变效果，包括border-image、border-radius、box-shadow、background-clip等，为网页设计提供更丰富的视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

新边框属性
border-image	设置所有边框图像的速记属性。
border-radius	一个用于设置所有四个边框- *-半径属性的速记属性
box-shadow	附加一个或多个下拉框的阴影
border-radius 的值
border-radius	所有四个边角 border-*-*-radius 属性的缩写
border-top-left-radius	定义了左上角的弧度
border-top-right-radius	定义了右上角的弧度
border-bottom-right-radius	定义了右下角的弧度
border-bottom-left-radius	定义了左下角的弧度
新的背景属性
background-clip	规定背景的绘制区域。
background-origin	规定背景图片的定位区域。
background-size	规定背景图片的尺寸。
background-image
	添加背景图片

CSS3 渐变（Gradients）
线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向
径向渐变（Radial Gradients）- 由它们的中心定义
新文本属性
hanging-punctuation	规定标点字符是否位于线框之外。
punctuation-trim	规定是否对标点字符进行修剪。
text-align-last	设置如何对齐最后一行或紧挨着强制换行符之前的行。
text-emphasis	向元素的文本应用重点标记以及重点标记的前景色。
text-justify	规定当 text-align 设置为 "justify" 时所使用的对齐方法。
text-outline	规定文本的轮廓。
text-overflow	规定当文本溢出包含元素时发生的事情。
text-shadow	向文本添加阴影。
text-wrap	规定文本的换行规则。
word-break	规定非中日韩文本的换行规则。
word-wrap	允许对长的不可分割的单词进行分割并换行到下一行。


border-image：					设置所有边框图像的速记属性				
border-radius：					一个用于设置所有四个边框- *-半径属性的速记属性
box-shadow：					附加一个或多个下拉框的阴影