border-image-outset属性(CSS设置)
border-image-outset属性
CSS3border-image-outset特点
作用:规则边框图画超过边框盒的量。
语法:
border-image-outset:length|number;
length:表示设置边框图画(border-image)与边框的间隔,默以为0。
number:代表相应的border-width的倍数。
阐明:
1、border-image-outset特点规则边框图画超出边框盒的量,包括上下部和左右部分。假如忽略第四个值,则与第二个值相同。假如省掉第三个值,则与第一个值相同。假如省掉第二个值,则与第一个值相同。
2、border-image-outset特点不允许运用任何负值。
CSS3border-image-outset特点的运用示例
PHP中文网
效果图:
没有添加border-image-outset特点:
添加border-image-outset特点后:
CSS设置
CSS层叠款式表它除了能够轻松设置网页元素的显现方位和格局外,乃至还能发生滤镜、图画淡化、网页淡入淡出的突变作用。简而言之,CSS便是要对网页的显现作用实现与Word相同的排版操控。
款式的名称:CSS特点
款式的值:CSS特点值
款式规矩的选择器
HTMLselector:以HTML标签作为selector(例如用
作为标签)
Classselector:将同种HTML标签进行分类,要将一种HTML标签所创立的各个网页元素分成几类,需要将这个HTML标签的class特点设置为不同的值,如下所示:
在款式表中,能够分别为某个HTML标签的各个类别界说款式规矩(为相同的标签界说不同的款式规矩):
在款式表中,能够为某个类别的一切HTML标签界说款式规矩(为不同的标签界说相同的款式规矩):
IDselector:ID特点用来界说某一个特定的HTML元素,一个网页文件中只有一个元素能运用某个ID特点的值,IDSelector便是为款式规矩界说语句选择具有某一ID特点值的HTML元素。IDSelector只能为单个HTML标签元素设置款式规矩,因此具有一定的限制
性,在CSS中应该尽量少用。
Javascript和CSS-P(用来操控网页元素的显现方位)能够根据这个ID值来操纵和定位这个特定的HTML标签,所以ID特点在Javascript中会被广泛运用。
示例如下:
关联选择器
关联选择器是指一个用空格离隔的两个或更多的单一选择器组成的字符串,
例如:PEM{background:yellow}
其间的“PEM”便是关联选择器,它表示阶段中的着重文本(标签对中的内容)的布景为黄色,而其它当地出现的着重文本则不受影响。关联选择器界说的款式规矩的优先权比单一选择器界说的款式规矩的优先权高,即使在
PEM{background:yellow}的后面部分界说了如下款式规矩:EM{background:green},但是,在阶段标签
中界说的着重文本仍用黄色布景。
组合选择器
为了减少款式表的重复声明,能够在一条款式规矩界说语句中组合若干个选择器,每个选择器之间用逗号(,)离隔。例如H1,H2,H3,H4,H5,H6,TD{color:red;}
伪元素选择器
是指对同一个HTML元素的各种状况和其所包含的部分内容的一种界说方法。例如,关于超链接()的正常状况(没有任何动作前)、访问过的状况、选中的状况、光标移到超链接文本上的状况,关于阶段的首字母和首行,都可运用伪元素选择器来界说。
运用伪元素作为选择器的款式规矩界说格局:
HTML元素:伪元素{特点:值}
常用的伪元素:
A:active选中超链接时的状况
A:hover光标移动到超链接上的状况
A:link超链接的正常状况
A:visitede访问过的超链接状况
P:first-line阶段中的第一行文本
P:first-letter阶段中的第一个字母
类选择器与伪元素一同运用的格局:
HTML元素.类名.伪元素{特点:值}
优秀作品:
最新作品:
评论列表(共42人参与)参与讨论或分享设计作品获得视觉癖积分奖励
弓寻美,百注册会员
2021-06-28 19:40:48
> 8、雾失楼台,月迷津渡。 9、迷路漫漫,终有一归。 10、山有扶苏,隰有荷华。 为什么不找我谈天,我专门为你学的打字
回复.对你的注册会员
2021-06-28 5:34:35
、青年节到了游客
2021-06-28 15:34:54
游客58050:border-image-ou扬创艺。是一款功用十分强大的排版东西,方正飞扬排版软件广泛应用于报社、出书社、杂志社、印刷厂、广告公司还是印务中心等领域。 %黄混分爆发的洋性灰会带有暗棕色。 4. On the contrary, some of the sky, the sea,
回复时代潮流注册会员
2021-06-28 14:17:33
v> number:代表相应的border-width的倍数。 Teal青色 Aqua浅绿 Lime亮绿 Silver银色
回复