CSS 元素的边框border属性

<title>边框相关属性</title>

<!--边框的3个相关属性：

宽度(border-width):可以使用thin,medium,thick等文本值，也可以使用除百分比和负数之外

的任何绝对值。

样式(border-style):有none(无边框),hidden(隐藏边框),dotted(点线边框),

dashed(虚线边框),solid(实线边框),double(双线边框),

groove(3D凹槽边框),ridge(3D凸槽边框),inset(3D凹入边框),

outset(3D凸出边框)等文本值。

颜色(border-color):可以使用任何颜色值，包括RGB,HSL,十六进制颜色值和颜色相关的关键字。

CSS3提供的圆角边框：border-radius：该属性用于指定圆角边框的圆角半径。

border-top-left-radius:该属性用于指定左上角的圆角半径。

border-top-right-radius:该属性用于指定右上角的圆角半径。

border-bottom-left-radius:该属性用于指定左下角的圆角半径。

border-bottom-right-radius:该属性用于指定右下角的圆角半径。

CSS3新增的box-shadow属性为盒模型添加阴影，该属性可用于整个盒模型添加阴影。

box-shadow:是一个复合属性。它含有以下5个属性值。

hOffset:该属性值控制阴影在水平方向的偏移。

vOffset:该属性值控制阴影在垂直方向的偏移

blurLength:该属性值控制阴影的模糊程度。

scaleLength:该属性值控制阴影的缩放程度。

color:该属性值控制阴影的颜色。

CSS 元素的边框border属性相关推荐

css边框(border)属性
border属性代码如下: border:边框宽度边框风格边框颜色; 如:border:5px solid #555; 属性: (1)边框宽度: border-width:5px; (2)边框颜 ...
图解CSS的padding,margin,border属性
图解CSS的padding,margin,border属性(详细介绍及举例说明) 图解CSS的padding,margin,border属性 W3C 组织建议把所有网页上的对像都放在一个盒(box)中 ...
html5boder属性,你未必知道的CSS小知识：border属性比你想象的要复杂
我们很多人都用过这样的写法: .example { border: solid 1px black; } 这里的border属性的用法实际上是一种简写的形式,它分别设置了border-style, b ...
【css】用边框border实现各种各样的形状
前言:前端性能优化中有一个准则是:能用css实现的图标(图片)就尽量用css去实现,达到减少图片使用的目的,从而减少从服务器请求的资源.该篇就说说怎么用边框border实现各种各样的形状. 一.圆形 ...
边框border属性总结
留着这些属性自己以后方便看: 其中border-style的值是: <<span style="font-size:18px;">html> <hea ...
微信小程序css篇----1.边框(Border)
一.边框:border 设置对象边框的特性. 1.语法:border:length style color 2.style:none ,hidden,dotted,dashed,solid,doubl ...
border属性 php,如何通过CSS的border属性为图片设置边框效果
如何为通过css为图片设置一个边框呢,HTML中是通过标记的border属性值,给图片添加边框的,css中是通过border属性,为图片设置各式各样的边框样式,border-style定义边框的样式, ...
css盒子模型、边框border、外边距margin、填充padding、轮廓outline
盒子模型:盒子默认的宽度为容器的宽度,也可以自省设定宽度,高度根据内容适应,也可以自行设定高度.min-height设定最小高度一个盒子包括外边距.边框.内边距和实际内容 Margin(外边距):清 ...
3、CSS 边框border
元素的边框 (border) 是围绕元素内容和内边距的一条或多条线. CSS border 属性允许你规定元素边框的样式.宽度和颜色. CSS边框属性允许你指定一个元素边框的样式和颜色. CSS 边框 ...

CSS 元素的边框border属性

CSS 元素的边框border属性相关推荐

最新文章

热门文章