css border-style属性用于设置html元素的四个边框的外观，例如实线边框和虚线边框，本文章向大家介绍border-style的使用方法和基本使用实例，需要的朋友可以参考一下本文章。
注：本网站为码农们提供的大量编程教程：，，，，，，，等等，如有兴趣，大家可以学习。
border-style介绍
css border-style属性用于设置边框的样式，例如实线边框和虚线边框。
border-style属性可以有一到四个值
如果提供全部四个参数值，将按上、右、下、左的顺序作用于四边。
如果只提供一个，将用于全部的四边。
如果提供两个，第一个用于上、下，第二个用于左、右。
如果提供三个，第一个用于上，第二个用于左、右，第三个用于下。
如果等于0，本属性将失去作用。
border-style属性值
border-style属性取值如下：
定义无边框。
与 &none& 相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突。
定义点状边框。在大多数浏览器中呈现为实线。
定义虚线。在大多数浏览器中呈现为实线。
定义实线。
定义双线。双线的宽度等于 border-width 的值。
定义 3D 凹槽边框。其效果取决于 border-color 的值。
定义 3D 垄状边框。其效果取决于 border-color 的值。
定义 3D inset 边框。其效果取决于 border-color 的值。
定义 3D outset 边框。其效果取决于 border-color 的值。
规定应该从父元素继承边框样式。
从表中我们可以看出，solid、dashed、dotted和double用于定义基本边框样式,inset、outset、ridge和groove是用于定义3D边框样式，如果我们将border-width定义得比较小时，这几个属性值的效果几乎都一样，但是当border-width定义得足够大时，这几个属性值的区别就明显出来了。
虽然border-style的值有很多，但是我们没必要全部记住，只需要记住常用的两个即可，经常使用的两个属性值为solid和dashed。
border-style实例
设置P元素四个边框的样式：
&!DOCTYPE html&
&title&/article/1197.html&/title&
p.none {border-style:}
p.dotted {border-style:}
p.dashed {border-style:}
p.solid {border-style:}
p.double {border-style:}
p.groove {border-style:}
p.ridge {border-style:}
p.inset {border-style:}
p.outset {border-style:}
p.hidden {border-style:}
&p class="none"&No border.&/p&
&p class="dotted"&A dotted border.&/p&
&p class="dashed"&A dashed border.&/p&
&p class="solid"&A solid border.&/p&
&p class="double"&A double border.&/p&
&p class="groove"&A groove border.&/p&
&p class="ridge"&A ridge border.&/p&
&p class="inset"&An inset border.&/p&
&p class="outset"&An outset border.&/p&
&p class="hidden"&A hidden border.&/p&
原文地址：
WEB前端知识点必读border-color设置后边框加粗了，是怎么回事啊
border-color设置后边框加粗了，是怎么回事啊
老师我的代码贴出来了border-color:#317ee7;写了之后边框加粗了，不造为什么？
写下你的评论...
写下你的评论...
写下你的评论...
Copyright (C)
All Rights Reserved | 京ICP备 号-2jsp怎么让table或者div的边框的拐角变得圆润_html吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：93,299贴子：
jsp怎么让table或者div的边框的拐角变得圆润收藏
例如这样的，让变框变得圆润一些。不是那种直来直去的。
html培训,千锋Html5培训,名企内部推荐就业,面对面教学模式,成就高薪互联网工程师!html培训,企业级项目实战,总监级名师面授,0基础21周速成为web开发工程师,高薪就业!
border-radius
这跟是不是jsp无关，只是一个元素属性而已 border-radius=
CSS圆角技术
&div style=&height:50 width:100 border-radius:5&&
其实也用不着这么麻烦的去设置，你可以添加图片。扫描我的小尾巴，关注我的微信公众号
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或}