当前位置:首页 > 体育

cssborder CSS3的border-image属性详解

边框图像是CSS3的一个属性。今天我们来分析一下这个属性的一些特点,方便大家以后在使用中遇到困难!

边框图像使简单的工作变得复杂。学习这个属性后发现,应用这个属性可以大大节省编码时间和效率。综上所述,一般适用于以下两种场景:

元素的不规则边界。这时候就需要用设计图作为边框的背景。与背景图像相比,边框图像的优点是更灵活,可以使用代码来控制边框背景的拉伸和重复,从而可以创建更多样的效果

按钮的宽度和高度是不确定的。使用边框图像制作按钮,可以使用相同的背景图像制作不同宽度和高度的按钮。

边界图像属性分析

边框背景图片。格式为:URL(“…”)。

边缘图像切片

图片边框向内偏移的距离。格式:边框-图像-切片:右上角左下角。分别指切割背景图片的四条线从右上角到左下角的距离。如下图所示:

拉伸(默认)

可以看出,每个区域被横向和纵向拉伸

重复

可以看出,背景与原形状等比例缩放后连续平铺,容易出现断层。

圆形的

也是重复平铺,但是圆会更平滑,不会出现断层,所以圆通常比重复更常用。

1.《cssborder CSS3的border-image属性详解》援引自互联网,旨在传递更多网络信息知识,仅代表作者本人观点,与本网站无关,侵删请联系页脚下方联系方式。

2.《cssborder CSS3的border-image属性详解》仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证。

3.文章转载时请保留本站内容来源地址,https://www.lu-xu.com/tiyu/1627732.html

上一篇

故宫事件 故宫灵异事件真实监控视频,晚上的故宫为什么不对外开放?

下一篇

世界上最笨的人 世界上最笨的小孩本

电影海报背景 18种电影海报格式,基本都在这了...

闪客快跑2 闪客快跑背景音乐

很多玩家玩Flash Run是为了激情BGM。今天,边肖将给你带来所有的背景音乐,需要的人可以下载。 指令 1.解压文件。 2.运行音乐播放器。 音乐描述 1.跑酷音乐1(未知) 2.作弊(迈克·波斯纳) 3.班加朗(史奇雷克斯) 4.美丽的谎言(B-情结) 5.吹(柯$哈) 6.晕倒(林...

西方龙图片 海贼王里的“龙”,凯多像中国传说的龙,却有着西方龙的属性

  • 西方龙图片 海贼王里的“龙”,凯多像中国传说的龙,却有着西方龙的属性
  • 西方龙图片 海贼王里的“龙”,凯多像中国传说的龙,却有着西方龙的属性
  • 西方龙图片 海贼王里的“龙”,凯多像中国传说的龙,却有着西方龙的属性
剑宗加点模拟器 《了不起的修仙模拟器》蜀山青莲剑宗镇派法宝青索剑外观及属性一览

剑宗加点模拟器 《了不起的修仙模拟器》蜀山青莲剑宗镇派法宝青索剑外观及属性一览

《大仙模拟器》中的蜀山门是青莲剑宗,青莲剑宗的镇国法宝是达到1200好友后给予的青索剑。清索剑的财产呢?今天,边肖将为您带来玩家布拉德·皮条共享的蜀山青莲剑宗镇法宝——青锁剑的外观和属性。我们来看看。 蜀山青莲剑宗镇法宝青锁剑外形及属性一览 外观和属性如下...

时间看清人心的图片 微丧·氟西汀·背景图:时间让我看透了人心,明白了人性

  • 时间看清人心的图片 微丧·氟西汀·背景图:时间让我看透了人心,明白了人性
  • 时间看清人心的图片 微丧·氟西汀·背景图:时间让我看透了人心,明白了人性
  • 时间看清人心的图片 微丧·氟西汀·背景图:时间让我看透了人心,明白了人性

林俊杰简介 林俊杰家庭背景太惊人 妥妥的富二代!

  • 林俊杰简介 林俊杰家庭背景太惊人 妥妥的富二代!
  • 林俊杰简介 林俊杰家庭背景太惊人 妥妥的富二代!
  • 林俊杰简介 林俊杰家庭背景太惊人 妥妥的富二代!

qq头像星空 星空背景,姓氏头像,微信头像,QQ头像,快来带走!

  • qq头像星空 星空背景,姓氏头像,微信头像,QQ头像,快来带走!
  • qq头像星空 星空背景,姓氏头像,微信头像,QQ头像,快来带走!
  • qq头像星空 星空背景,姓氏头像,微信头像,QQ头像,快来带走!