当前位置:软件学堂 > 资讯首页 > 网络编程 > DIV+CSS > css padding-left左侧属性

css padding-left左侧属性

2012/11/26 15:49:41作者:佚名来源:网络

移动端

【实例介绍】

css padding-left左侧属性

padding-left属性设置元素左内边距(空白)。

【基本语法】

padding-left:length

【语法介绍】

该属性设置元素左内边距的宽度。行内非替换元素上设置的左内边距仅在元素所生成的第一个行内框的左边出现。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> td {padding-left: 2cm} </style> </head> <body> <table border="1"> <tr> <td> 这个表格单元拥有左内边距。 </td> </tr> </table> </body> </html>

【代码分析】

在代码中,加粗部分的标记是设置左内边距,在浏览器中预览,如图所示。

左侧属性padding-left运行效果

 【素材及源码下载】

请点击:左侧属性css padding-left 下载本实例相关素材及源码

 

标签: css padding-left  左侧  属性