padding-left 属性

2019-11-26 17:10:40 浏览数 (2)

用途

padding-left 该属性用于设置标签的左部填充区域的高度,负值无效。

语法

代码语言:javascript复制
/* <length> value */ 
padding-left: 2.5em; 

/* <percentage> value */ 
padding-left: 95%;

描述

<length>

此关键词指定一个固定的最大高度。

<percentage>

此关键词始终同包含该元素的容器宽度有关。

例子

代码语言:javascript复制
/* HTML */
<div id="red"> 
    <div id="orange"></div> 
    <div id="gray"></div>
</div>

/* CSS */
#red { 
    width: 200px; 
    height: 200px; 
    background: red; 
    padding-left: 40px; 
    } 
#orange { 
     width: 50px; 
     height: 50px; 
     background: orange; 
     } 
#gray {
    width: 50px; 
    height: 50px; 
    background: gray; 
    }

0 人点赞