您的位置:首页 > CSS技巧 > 【 返回上一页

div padding div设置padding内边距样式

div设置padding内边距样式技巧

css padding设置对象内边距样式:padding教程

1、div直接设置padding

<div style="padding:0 10px">对DIV设置左右内边距10px,上下内边距0</div>

对div使用style直接设置CSS padding内边距样式。

2、div外部css设置padding
设置DIV CSS代码:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>padding div设置 thinkcss</title>
<style>
.bca{ padding:5px 10px 20px 30px; width:300px; border:3px solid #F00}
</style>
</head>
<body>
<div class="bca">对DIV设置内边距 上5px 右为10px 下为20px 左为30px</div>
</body>
</html>

这里对div使用class=bca引入外部CSS样式。

div设置padding实例截图
div设置padding实例截图

可以看见对div设置padding样式存在,成功设置div内边距内边距间隔样式。

相关标签: div padding
如需转载,请注明文章出处和来源网址:www.thinkcss.com/jiqiao/1292.shtml

日期:2017-03-21 14:27:50 来源:www.thinkcss.com 作者:div css

热门点击