1.边框的半径

公式：rounded-方向-影响的幅度

方向是可选的，如果忽略方向，则影响四个边框

举例1:

画五个DIV，设置同样的角度，分别影响上 下 左 右 四个边框和一个同时影响四个边框。

    
    
    <script src="https://unpkg.com/@tailwindcss/browser@4"></script>



  

  


  
 

  


  


  

举例2：

影响相同的边框，设置不同的幅度

影响的幅度从小到大

    
    
    <script src="https://unpkg.com/@tailwindcss/browser@4"></script>



  

  

  

  

 

  

  

  


  


  


  


  

2.设置边框的宽度

公式 border-边框方向-边框宽度

省略边框方式代表影响上下左右四个边框

省略边框宽度代表宽度是1px

举例1:分别影响四个边框

    
    
    <script src="https://unpkg.com/@tailwindcss/browser@4"></script>



  

  


  


  


  


  

举例2:便捷操作

X 代表影响左右边框

Y 代表影响上下边框

    
    
    <script src="https://unpkg.com/@tailwindcss/browser@4"></script>



  

  


  

  

举例3:影响宽度

宽度就是一个数字，数字越大，宽度越宽

    
    
    <script src="https://unpkg.com/@tailwindcss/browser@4"></script>



  

  

  

  

  

3.边框颜色

公式 border-颜色名称-数字(颜色的亮度)

    
    
    <script src="https://unpkg.com/@tailwindcss/browser@4"></script>



  

  

  

  

  

  

  

  

  

  

  

  

  

  

4.边框的样式

<script src="https://unpkg.com/@tailwindcss/browser@4"></script>