0
点赞
收藏
分享

微信扫一扫

CSS Border(边框)

小月亮06 2022-03-30 阅读 77
css3

每一个边框有3个方面:样式、宽度以及颜色:

  • 边框样式:Border-style值:

none:默认无边框

dotted:定义一个点线框

dashed:定义一个虚线框

solid:定义实现边界

double:定义两个边界。两个边界的宽度和border-width的值相同

groove:定义3D沟槽边界。效果取决于边界的颜色值

ridge:定义3D 脊边界。效果取决于边界的颜色值

inset:定义一个3D的嵌入边框。效果取决于边界的颜色值

outset:定义一个3D突出边框。效果取决于边界的颜色值

hidden:隐藏边框

效果图:

  • 边框宽度:border-width值:

thin:定义细的边框

medium:默认。定义中等的边框

thick:定义粗的边框

效果图:

  • 边框颜色:border-color 值:

name:指定颜色的名称,如“red”

RGB:指定RGB值,如“rgb(255,0,0)”

Hex:指定16进制值,如“#ff0000”

效果图:

这是我所学到的CSS Border(边框), 以上就是我的分享。

举报

相关推荐

0 条评论