千家信息网

css中怎么设置边框样式

发表于:2025-02-01 作者:千家信息网编辑
千家信息网最后更新 2025年02月01日,这篇文章给大家分享的是有关css中怎么设置边框样式的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。一:border边框线的基本样式边框样式属性指定要显示什么样的边界1.bor
千家信息网最后更新 2025年02月01日css中怎么设置边框样式

这篇文章给大家分享的是有关css中怎么设置边框样式的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

  一:border边框线的基本样式

  边框样式属性指定要显示什么样的边界

  1.border-style属性

  none:默认无边框

  dotted:定义一个点线边框

  dashed:定义一个虚线边框

  solid:定义实线边框

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

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

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

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

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

  

  

  

  

  border-style属性

  

  

  

  

  无边框。

  虚线边框。

  虚线边框。

  实线边框。

  双边框。

  凹槽边框。

  垄状边框。

  嵌入边框。

  外凸边框。

  隐藏边框。

  

  

  效果图:



感谢各位的阅读!关于"css中怎么设置边框样式"这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

0