text-align-last 属性用于对齐文本的最后一行。您可以尝试运行以下代码，使用 CSS 对齐文本的最后一行 示例 在线演示                    .mydiv {             text-align-last: right;          }                     text-align-last 属性                这是一个演示文本。这是一个演示文本。这是一个演示文本。          这是一个演示文本。这是一个演示文本。这是一个演示文本。          这是一个演示文本。这是一个演示文本。           输出

使用 text-emphasis 属性可以强调文本并使用 CSS 设置颜色。让我们来看一个例子：text-emphasis: text-emphasis-style text-emphasis-color; 这里，text-emphasis-color: 强调标记的前景色；text-emphasis-style: 元素文本上的强调标记。

word-wrap 属性用于换行并换到下一行。示例 以下显示示例语法 - 在线演示                    div {             width: 200px;             border: 2px solid #000000;          }          div.b {             word-wrap: break-word;          }                     word-wrap: break-word 属性       这是一个演示文本这是一个演示文本：       这是一个非常非常非常非常非常非常长的单词。长单词会换到       下一行。     输出

用于强调文本和颜色。让我们来看一个例子：text-emphasis: text-emphasis-style text-emphasis-color; 这里，text-emphasis-color: 强调标记的前景色；text-emphasis-style: 元素文本上的强调标记。

阴影效果应用于文本，有助于改善设计的样式。通过使用 CSS 阴影，可以使我们的网站更具视觉吸引力。这些是看起来像对象阴影的绘图视觉效果，这有助于对象具有三维外观。为了在 CSS 中为文本和元素添加阴影，使用 text-shadow 和 box-shadow 属性。现在，我们将讨论 text-shadow 属性。CSS `text-shadow` 属性 CSS `text-shadow` 是一个属性，它会为文本添加阴影。阴影列表…… 阅读更多

CSS3 使用 text-shadow 属性添加了文本阴影效果。您可以尝试实现以下代码以添加文本阴影 - 示例 在线演示                    h1 {             text-shadow: 2px 2px;          }          h2 {             text-shadow: 2px 2px red;          }          h3 {             text-shadow: 2px 2px 5px red;          }          h4 {             color: white;             text-shadow: 2px 2px 4px #000000;          }          h5 {             text-shadow: 0 0 3px #FF0000;          }          h6 {             text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;          }          p {             color: white;             text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;          }                     欢迎访问我的网站！       欢迎访问我的网站！       欢迎访问我的网站！       欢迎访问我的网站！       欢迎访问我的网站！       欢迎访问我的网站！       欢迎访问我的网站！     输出

CSS `box-shadow` 属性用于为元素添加阴影效果。以下是如何添加盒子阴影的示例 示例 在线演示                    div {             width: 300px;             height: 100px;             padding: 15px;             background-color: red;             box-shadow: 10px 10px;          }                     这是一个带有盒子阴影的 div 元素     输出

渐变显示两种或多种颜色的组合。以下是渐变的类型：渐变类型 线性渐变（向下/向上/向左/向右/对角线）径向渐变 示例 让我们来看一个径向渐变的例子：在线演示                    #grad1 {             height: 100px;             width: 550px;             background: -webkit-radial-gradient(red 5%, green 15%, pink 60%);             background: -o-radial-gradient(red 5%, green 15%, pink 60%);             background: -moz-radial-gradient(red 5%, green 15%, pink 60%);             background: radial-gradient(red 5%, green 15%, pink 60%);          }                        

您可以尝试运行以下代码，在 CSS3 中实现从左到右的渐变 示例 在线演示                    #grad1 {             height: 100px;             background: -webkit-linear-gradient(left, red , blue);             background: -o-linear-gradient(right, red, blue);             background: -moz-linear-gradient(right, red, blue);             background: linear-gradient(to right, red , blue);          }                        

线性渐变用于以线性格式排列两种或多种颜色。示例您可以尝试运行以下代码以在 CSS3 中实现线性渐变 − 实时演示 #grad1 { height: 100px; background: -webkit-linear-gradient(pink,green); background: -o-linear-gradient(pink,green); background: -moz-linear-gradient(pink,green); background: linear-gradient(pink,green); } 输出