首页 > 开发 > CSS > 正文

CSS教程:CSS 虚线样式

2024-07-11 09:05:38
字体:
来源:转载
供稿:网友

效果演示

none: Defines no border

dotted: Defines a dotted border

dashed: Defines a dashed border

solid: Defines a solid border

double: Defines two borders. The width of the two borders are the same as the border-width value

groove: Defines a 3D grooved border. The effect depends on the border-color value

ridge: Defines a 3D ridged border. The effect depends on the border-color value

inset: Defines a 3D inset border. The effect depends on the border-color value

outset: Defines a 3D outset border. The effect depends on the border-color value

比如以下 CSS 代码:

1 .introduce {
2     border:1px dotted gray;
3     margin:8px 5px 8px 10px;
4     border-style:dashed;
5     width:128px;
6     float:left;
7 }

border-style 设置为 dashed,即点划线。同样的,double 为双线,groove 为槽状,ridge 为脊状,inset 为凹陷,outset 为凸出。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表