来源:自学PHP网 时间:2018-02-08 10:48 作者: 阅读:次
[导读] CSS image数据类型用于表示一个2D图像。在CSS中有两种类型的图像:静态图像和动态图像。...
CSS <image>数据类型用于表示一个2D图像。在CSS中有两种类型的图像:静态图像和动态图像。 静态图像通常是通过URL引用的图像。动态图像可以是一个渐变图像或通过计算生成的图像。 CSS可以处理以下情形中的不同类型图像:
CSS根据这些提供的固定尺寸决定图像的正确尺寸,指定的尺寸被定义在CSS属性中,例如
一个<image>的语法为: <image> = <url> | <image-list> | <gradient> 在CSS1和CSS2规范中,图像的值可以是一个URL值。在CSS3规范中制定了新的图像值。可以指定图像为一个渐变图像。当浏览器解析图像地址失败或浏览器不能识别某些类型的图像时,可以使用 在 示例代码下面的代码使用URL地址来引用图片: .element {background-image : url(path/to/image.png);} 下面的代码为元素添加一个渐变图像: .element {background-image : linear-gradient(to bottom, blue, red);} 下面的例子使用 .element {background-image: element(#myPageElement);} 浏览器支持所有的浏览器都支持使用URL来引用图像。 目前只有极少数的浏览器支持 目前只有Firefox浏览器支持使用 支持使用渐变的浏览器有: |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com