首页 > 其他分享 >边框-单独设置各边

边框-单独设置各边

时间:2023-03-06 11:56:33浏览次数:50  
标签:style dotted solid double 边框 单独 各边 border

 

在CSS中,可以指定不同的侧面不同的边框:

实例

p { border-top-style:dotted; border-right-style:solid; border-bottom-style:dotted; border-left-style:solid; }

上面的例子也可以设置一个单一属性:

实例

border-style:dotted solid;

border-style属性可以有1-4个值:

  • border-style:dotted solid double dashed;
    • 上边框是 dotted
    • 右边框是 solid
    • 底边框是 double
    • 左边框是 dashed
  • border-style:dotted solid double;
    • 上边框是 dotted
    • 左、右边框是 solid
    • 底边框是 double
  • border-style:dotted solid;
    • 上、底边框是 dotted
    • 右、左边框是 solid
  • border-style:dotted;
    • 四面边框是 dotted

上面的例子用了border-style。然而,它也可以和border-width 、 border-color一起使用。

https://www.121mu.com/bkjq159/

标签:style,dotted,solid,double,边框,单独,各边,border
From: https://www.cnblogs.com/5-si6/p/17183206.html

相关文章

  • 边框-简写属性
    边框-简写属性上面的例子用了很多属性来设置边框。你也可以在一个属性中设置边框。你可以在"border"属性中设置:border-widthborder-style(required)border-color......
  • 盒子模型的 内边框 padding border
    知识点一:边框影响盒子实际大小边框会额外增加盒子的实际大小,所以有两种解决方案,第一:测量盒子大小的时候,不加边框;第二:如果测量了边框,需要用width/height减去边框的大小,就是盒......
  • CSS鼠标hover给元素加边框后发生移动
    CSS鼠标划过给元素加边框后发生晃动解决方法:默认给所有元素加上边框鼠标hover时改变div的width和height只需减去边框大小使用box-sizing属性改变div盒子模型的规则=》具体......
  • 权重复习、盒子模型的边框
    知识点 1:css继承的权重是“0”,权重越高,会优先执行。例:  .nav.pink 权重是  20     .navli    权重是  11想要展示出自己喜欢的效果,就要......
  • 边框家变色
    .home_dqjx_table_khlx{padding:08px;height:20px;border:1pxsolidtransparent;border-radius:2px;background-clip:padding-box,border-box;......
  • CSS 边框属性
    CSS边框属性CSS边框属性允许你指定一个元素边框的样式和颜色。在四边都有边框红色底部边框圆角边框左侧边框带宽度,颜色为蓝色边框样式边框样式属性指......
  • 边框宽度
    边框宽度您可以通过border-width属性为边框指定宽度。为边框指定宽度有两种方法:可以指定长度值,比如2px或0.1em(单位为px,pt,cm,em等),或者使用3个关键字之一,......
  • 直播平台源代码,CSS 修改滚动条样式、信封边框样式
    直播平台源代码,CSS修改滚动条样式、信封边框样式CSS全局修改滚动条样式  ::-webkit-scrollbar{ /*滚动条整体样式*/ width:4px; /*高宽分别对应横竖滚动条......
  • css背景与边框
    背景侵入边框问题background-clip:padding-box;background-clip的属性有content-box、padding-box、border-box,text,默认为border-box,所以背景会侵入边框,改为paddi......
  • IE和Microsoft Edge浏览器合并,如何设置单独打开IE
    IE和MicrosoftEdge浏览器合并,如何分离,单独打开注:最近系统更新,大家都有可能遇到打开IE时,会默认弹到MicrosoftEdge浏览器,这样会导致有些网页不能下载插件使用,兼容性太差,今......