小程序之input边框
⼩程序之input边框
杭州湾职高
⼩程序之input 边框
⽂章⽬录
郑州地税局⼀、边框:border 设置对象边框的特性。
语法:border:length style color
style:none ,hidden,dotted,dashed,solid,double,groove,ridge,inset,outset。
⼆、相关属性
什么时候情人节
1.border-width:设置边框宽度:常⽤取值:medium:默认值,相当于3px。thin:1px。thick:5px。不可以为负值。
中国最古老的乐器2.border-color:设置边框颜⾊。
关于老师的故事3.border-top:设置顶部边框。border-top-width,border-top-style,border-top-color 分别设置 宽度,样式以及颜⾊
4.border-right:设置右边框。
5.border-bottom:设置底边框。
6.border-left:设置左边框。
7.border-radius:设置对象使⽤圆⾓边框。取值为数字或者百分⽐。
当然也可以给4个⾓单独的设置:
左上⾓:border-top-left-radius,右上⾓:border-top-right-radius,左下⾓:border-bottom-left-radius,右下⾓:border-
bottom-right-radius
8.box-shadow:设置对象阴影
9.border-image:对象的边框样式使⽤图⽚来填充。
border-image-source:设置图⽚的来源。使⽤绝对或者相对地址或者渐变⾊来确定图⽚。
10border-image-slice :设置边框背景图的分隔⽅式。取值:数值/百分⽐ fill.该属性指定从上右下左来分割图⽚,将图像分成4个⾓,4条边以及中间区域。中间区域始终是透明的,除⾮使⽤关键字fill。
11.border-image-width:设置边框背景的宽度。⽤于指定使⽤多厚的边框来承载呗裁剪后的图像。
12.border-image-outset:设置对象的边框背景图的扩展,意思就是说假如设置了10rpx,那么图像就会在原来基础上外延10rpx在显⽰。
13.border-image-repeat:设置对象的边框图⽚的平铺⽅式。
14.stretch:拉伸。
17.space:根据边框的尺⼨动态调整图⽚的之间的间距,使得刚好铺满整个边框。
中秋国庆祝福语图片谢谢观看

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。