border-bottom-style属性(CSS设置)
border-bottom-style属性
cssborder-bottom-style特点用于设置元素底部边框款式,只要当特点值不是none时边框才可能出现。
cssborder-bottom-style特点怎样用?
border-bottom-style特点设置元素下边框的款式。
可以设置的特点值:
●none:指定无边框
●hidden:与"none"相同。不过应用于表时在外,关于表,hidden用于处理边框冲突。
●dotted:指定点状边框。
●dashed:指定虚线边框。
●solid:指定实线边框。
●double:指定一个双边框。
●groove:界说双线。双线的宽度等于border-width的值。
●ridge:界说三维菱形边框。其作用取决于border-color的值。
●inset:界说三维凹边框。其作用取决于border-color的值。
●outset:界说三维凸边框。其作用取决于border-color的值。
●inherit:指定应该从父元素承继边框款式。
说明:只要当特点值不是none时边框才可能出现。在CSS1中,HTML用户署理只需支撑solid和none。
注释:任何的版别的InternetExplorer(包含IE8)都不支撑特点值"inherit"或"hidden"。
cssborder-bottom-style特点示例
无下边框
点下边框
虚线下边框
实线下边框
双线下边框
凹槽下边框
垄状下边框
嵌入下边框
外凸下边框
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元素.类名.伪元素{特点:值}
优秀作品:
最新作品:
评论列表(共173人参与)参与讨论或分享设计作品获得视觉癖积分奖励
标题: 云注册会员
2021-06-23 1:30:40
> 3. 标题: 安全出游,来去无忧。(小汽车) 副标题内,在任何一个元素之后,在任何一个、、、元素之前运用; 标签设置的
回复软件总结注册会员
2021-06-23 3:13:23
最新款女图片游客
2021-06-23 8:33:13
游客48441:border-bottom-sosition特点,图画会被放置在元素的左上角。 钮,点击窗口设置按钮今后在窗口设置下拉菜单上面点击皮肤设置 3 点击皮肤设置今后会出现更改外
回复era,注册会员
2021-06-23 9:50:6
●none:指定无边框 ●hidden:与non届毕业生即便进了企业也不能当即做规划,假如规划出来了,别人却加工不出来,那么一切的劳作都等于零。因此,一切的规划师都需求到车间实习操作,从最根底的作业做起,积累
回复