css--盒子边框 border

1、CSS 边框属性

border-width

border-style

border-color

1.1 边框样式 border-style :

border-style 值:

none: 默认无边框

dotted: 定义一个点线边框

dashed: 定义一个虚线边框

solid: 定义实线边框

1.2边框颜色 border-color

  • name - 指定颜色的名称,如 "red"
  • RGB - 指定 RGB 值, 如 "rgb(255,0,0)"
  • Hex - 指定16进制值, 如 "#ff0000"

1.3边框-简写属性

border: 边框粗细 边框样式 边框颜色

border:5px solid red;




    
    Title
    


用户名:
密码:

1.4边框-单独设置各边

border-top: 5px solid red; 上边框

border-left: 4px dashed green; 左边框博客搬家

border-right: 6px dotted blue;

border-bottom: 7px solid orange;

 

css--盒子边框 border_第1张图片

 

 

你可能感兴趣的:(Web前段学习笔记)