div 常用样式记录

div边框:
    boder 虚线:dashed  实线:solid
    语法:<div style="border:2px solid red"></div>

    上边框:border-top;下边框:border-bottom;左边框:border-left;右边框;border-right;
    
    上、右、下、左:padding: 10px 20px 30px 40px;
      上、左右、下: padding: 10px 20px 30px;
         上下 左右:padding: 10px 20px;
          上下左右:padding: 20px;

    可以这样指定:上下左右
        padding-top:25px;
        padding-bottom:25px;
        padding-right:50px;
        padding-left:50px;
        
    多个div在同一行展示:display:inline-block
    
其他样式:
    文字大小:font-size:
    字体:font-family:
    文字粗细:font-weight
    字体样式:font-style:normal | italic    normal原,italic斜体
    字体行高: line-height:18px;
    文本对齐:text-align:center;  center,left,right,justify(两端对齐)
    文本缩进:text-indent:2rem;  正数表示文本向右缩进的距离,反之负数表示文本向左缩进的距离
posted @ 2022-12-15 18:09  至丰  阅读(108)  评论(0)    收藏  举报