CSS 参考手册实例设置 4 个边框的样式:p  {  border-style:solid;  }亲自试一试浏览器支持IE			Firefox			Chrome			Safari			Opera																所有浏览器都支持 border-style 属性。注释:任何的版本的 Internet Explore...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-07-12 22:06:49
                            
                                120阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            border-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset 参数: none : 无边框。与任何指定的border-width值无关 hidden : 隐藏边框。IE不支持 dotted : 在MAC平台上IE4+与WINDOWS和UNIX平台上I...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-24 10:03:44
                            
                                212阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            border-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset 参数: none : 无边框。与任何指定的border-width值无关 hidden : 隐藏边框。IE不支持 dotted : 在MAC平台上IE4+与WINDOWS和UNIX平台上I...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-24 10:41:27
                            
                                200阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            border-style 语法: border-style:<line-style>{1,4} <line-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset 默认值:            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2019-12-13 16:55:00
                            
                                155阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            border-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset 参数: none : 无边框。与任何指定的border-width值无关 hidden : 隐藏边框。IE不支持 dotted : 在MAC平台上IE4+与WINDOWS和UNIX平台上I...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-24 10:31:47
                            
                                99阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            border-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset 参数: none : 无边框。与任何指定的border-width值无关 hidden : 隐藏边框。IE不支持 dotted : 在MAC平台上IE4+与WINDOWS和UNIX平台上I...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-24 10:40:36
                            
                                118阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            none定义无边框。hidden与 "none" 相同。不过应用于表时除外,对于表,hidden 用于解决边框冲突。dotted定义点状边框。在大多数浏览器中呈现为实线。dashed定义虚线。在大多数浏览器中呈现为实线。solid定义实线。double定义双线。双线的宽度等于 border-width 的值。groove定义 3D 凹槽边框。其效果取决于 border-color 的值。ridge            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-04-19 15:21:40
                            
                                84阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            属性可能的值值描述none定义无边框。hidden与 "none" 相同。不过应用于表时除外,对于表,hidden 用于解决边框冲突。dotted定义点状边框。在大多数浏览器中呈现为实线。dashed定义虚线。在大多数浏览器中呈现为实线。solid定义实线。double定义双线。双线的宽度等于 border-width 的值。groove定义 3D 凹槽边框。其效果取决于 border-color 的值。ridge定义 3D 垄状边框。其效果取决于 border-color 的值。inset定义 3D inset 边框。其效果取决于 border-color 的值。outs            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2013-09-16 19:43:00
                            
                                300阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
             
CSS border-style 属性示例 -- 可以尝试编辑
    CSS border-style 属性示例
    CSS border-style 属性示例
border-style -- 定义边框的样式
    取值:<border-style>{1,4} | inherit
    
        <b            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2013-01-18 16:08:21
                            
                                861阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            "border-width" 属性如果单独使用的话是不会起作用的。请首先使用 "border-style" 属性来设置边框。p.one {border-style: solid;border-width: 5px}<p class="one">Some text</p>您也可以通过下列属性分别设置边框各边的宽度:border-top-widthborder-rig            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-09-27 09:25:20
                            
                                573阅读
                            
                                                                             
                 
                
                             
         
            
            
            
             css3中关于Border的属性一共有三个:圆角border-radius,图片边框border-p_w_picpath,边框多颜色border-color,其中圆角border-radius是常用的一个属性。
一、圆角border-radius
1、语法
border-radius : none | <length>{1,4}            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2013-01-07 14:25:06
                            
                                1189阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、Css border 边框定义和使用 定义和用法 border 简写属性在一个声明设置所有的边框属性。 可以按顺序设置如下属性: border-width : border-width 简写属性为元素的所有边框设置宽度,或者单独地为各边边框设置宽度。 只有当边框样式不是 none 时才起作用。如            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-03-06 15:38:00
                            
                                366阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            边框样式 | border-style (Backgrounds & Borders) - CSS 中文开发手册border-style CSS属性是设置线条样式元素边框四边的简写属性。 /* Keyword values */border-top-style: none;
border-top-style: hidden;
border-top-style: dotted;
borde            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-07-04 10:07:00
                            
                                95阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            CSS 是一种用于网页布局控制的语言,其中 border 属性用于为网页元素设置边框样式、颜色和宽度等。在本文中,我们将深入介绍 border 属性的详细语法和使用方式,帮助您轻松掌握使用。border 属性语法border 属性语法由 border-width、border-style 和 border-color 三个子属性组成。可以单独设置某一个子属性,也可以将它们将在一个 border 属            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-16 22:33:11
                            
                                286阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            css3边框新属性,border-color   border-image   border-radius  box-shadow            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2012-01-05 12:07:08
                            
                                664阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            CSS通过边框border-style来写小三角            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2016-11-24 13:17:05
                            
                                483阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1、CSS3 Border中的border-radius <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <sty            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2012-01-11 11:19:00
                            
                                231阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            CSS3 圆角(border-radius)前缀例1例2:无边框书写顺序其它支持性值:半径的长度前缀-moz(例如 -moz-border-radius)用于Firefox-webkit(例如:-webkit-border-radius)用于Safari和Chrome。例1<div id="round"></div>
#round {
    padding:10px; w            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2014-03-17 15:09:18
                            
                                462阅读
                            
                                                                             
                 
                
                             
         
            
            
            
             讲到css3的border-radius这个玩意,可以很好玩。比如:圆角矩形,圆,椭圆等等。
CSS3 border-radius是什么?
border-radius的含义是:圆角。
CSS3 border-radius的书写格式:
border-radius:apx,比较常见,其中a表示数值,下同;
-webkit-border-top-left-radius:apx,类似            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2011-03-07 22:31:30
                            
                                287阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            前缀-moz(例如 -moz-border-radius)用于Firefox-webkit(例如:-webkit-border-radius)用于Safari和Chrome。例1#round {    padding:10p            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-17 16:17:02
                            
                                203阅读