将border-right 的边框变短

最新推荐文章于 2022-07-24 13:40:40 发布

qq_27373459

最新推荐文章于 2022-07-24 13:40:40 发布

阅读量6.3k

点赞数

分类专栏： css+html 文章标签： border-right

本文链接：https://blog.csdn.net/qq_27373459/article/details/50966871

版权

css+html 专栏收录该内容

1 篇文章 1 订阅

订阅专栏

显示成这样：

css：

1

2

3

4

 
      <style> 
     
 
           
      .main { 
      width 
      : 
      400px 
      ; 
      height 
      : 
      300px 
      ; 
      margin 
      :  
      0  
      auto 
      ; 
      border 
      : 
      1px  
      solid  
      #ccc 
      ;} 
     
 
           
      .border { 
      width 
      : 
      10px 
      ; 
      height 
      :  
      50% 
      ; 
      background 
      :  
      red 
      ; 
      float 
      :  
      right 
      ; 
      position 
      :  
      relative 
      ; 
      top 
      : 
      25% 
      ;border-radius:  
      5px 
      ;} 
     
 
      </style> 
     

html：

1

2

3

4

5