CSS rgb() 函数，用rgb格式定义颜色

实例

定义不同的 RGB 颜色：

#p1 {background-color:rgb(255,0,0);} /* 红色 */
#p2 {background-color:rgb(0,255,0);} /* 绿色 */
#p3 {background-color:rgb(0,0,255);} /* 蓝色 */

   CSS repeating-radial-gradient() 函数  重复的径向渐变  实例    重复的径向渐变： #grad {  background-image: repeating-radial-gradient(red, yellow 10%, green 15%); }    定义和用法    repeating-radial-gradient() 函数用于重复径向渐变。    CSS 语法 background-image: repeating-r

   CSS repeating-linear-gradient() 函数，重复的线性渐变，反复渐变    实例    重复的线性渐变： #grad {  background-image: repeating-linear-gradient(red, yellow 10%, green 20%); }    定义和用法    repeating-linear-gradient() 函数用于重复线性渐变。    CSS 语法 background-imag

CSS radial-gradient() 函数，颜色渐变之径向渐变。光晕，圆形渐变实例带有均匀间隔色标的径向渐变：#grad {   background-image: radial-gradient(red, green, blue); }定义和用法radius-gradient() 函数将径向渐变设置为背景图像。径向渐变由其中心定义。如需创建径向渐变，您必须定义至少两个色标。径向渐变实例：值描述shape定义渐变的形状。可能的值：

   CSS linear-gradient() 函数，渐变设置，元素颜色渐变线性设置    实例    这个线性渐变从顶部开始。它从红色开始，过渡到黄色，然后过渡到蓝色： #grad {  background-image: linear-gradient(red, yellow, blue); }    定义和用法    linear-gradient() 函数把线性渐变设置为背景图像。    如需创建线性渐变，您必须至少定义两个色标。色标是您希望在其间呈

CSS hsla() 函数   给元素定义颜色，亮度，饱和度，不透明度实例定义带不透明度的不同的 HSL 颜色：#p1 {background-color:hsla(120,100%,50%,0.3);} /* 绿色 */ #p2 {background-color:hsla(120,100%,75%,0.3);} /* 浅绿色 */ #p3 {background-color:hsla

   CSS cubic-bezier() 函数，设置元素曲线运动效果    实例    从开始到结束变速的过渡效果： div {  width: 100px;  height: 100px;  background: red;  transition: width 2s;  transition-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1); }    定义和用法    cube-bezier() 函数

CSS calc() 函数，用于计算元素或DIV宽度实例使用 calc() 计算 <div> 元素的宽度：#div1 {   position: absolute;   left: 50px;   width: calc(100% - 100px);   border: 1px solid black;  

   CSS attr() 函数，调用显示HTML某个元素，段落文字或链接    实例    下面的例子在每个链接后的括号中插入 href 属性的值： a:after {  content: " (" attr(href) ")"; }    定义和用法    attr() 函数返回所选元素的属性值。    CSS 语法 attr(attribute-name)     #gt a:after {content

二、导航栏易用的导航对于任何网站都很重要。通过使用 CSS，您可以将无聊的 HTML 菜单转换为美观的导航栏。三、导航栏 = 链接列表导航栏需要标准 HTML 作为基础。在我们的实例中，将用标准的 HTML 列表构建导航栏。导航栏基本上就是链接列表，因此使用 <ul> 和 <li> 元素会很有意义：实例<ul>   <li><a href="default.asp">Home</a