CSS入门详解:CSS padding 属性及其应用

发表日期：2015-03-27   资讯来源：佰牛科技   浏览：137

1、padding 定义和用法

padding 简写属性在一个声明中设置所有内边距属性。

2、padding说明

这个简写属性设置网站元素所有内边距的宽度，或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算；因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。

注释：不允许使用负值。

3、浏览器支持：所有浏览器都支持 padding 属性。

4、Padding属性可能的值

值

描述

auto

浏览器计算内边距。

length

规定以具体单位计的内边距值，比如像素、厘米等。默认值是 0px。

%

规定基于父元素的宽度的百分比的内边距。

inherit

规定应该从父元素继承内边距。

由于为了网页的美观请翻页看padding属性的网站实例说明|||

5、padding属性的网站实例说明

<html>

<head>

<style type='text/css'>

td.test1 {padding: 1.5cm}

td.test2 {padding: 0.5cm 2.5cm}

</style>

</head>

 

<body>

<table border='1'>

<tr>

<td class='test1'>

这个表格单元的每个边拥有相等的内边距。

</td>

</tr>

</table>

<br>

<table border='1'>

<tr>

<td class='test2'>

这个表格单元的上和下内边距是 0.5cm，左和右内边距是 2.5cm。

</td>

</tr>

</table>

</body>

</html>

内容标签：
CSS入门
网页制作
网页制作与网站建设
推荐案例
{ solution_title }
相关资讯

腾龙公司如何申请直属会员账号流程

日期：2025-07-11    浏览：100

联系我们华纳公司开户客服电话19989979996（万宝路业务办理）

首页-华纳公司-电话【19989979996】【微信】华纳万宝路微同步【在线客服-19989979996】开户电话-客服开户-热线开户-咨询-联系-代理开户-在线开户-开户网址-注册开户-开账号-开会员

日期：2025-06-25    浏览：100

腾龙公司如何申请直属会员账号流程

日期：2016-05-16    浏览：120

首页-腾龙公司官方网站

腾龙公司官方网站【1903-8888885】【腾龙公司线上经纪人薇信号19038888885】公司认为客户、供应商、公司股东、公司员工等一切和自身有合作关系的单位和个人都是自己的合作伙伴，并只有通过努力为合作伙伴创造价值，才能体现自身的价值并获得发展和成功。

日期：2016-05-16    浏览：123

外链建设如何影响网站关键词排名

再次是外链的相关性远比数量重要，很多SEOER做外链基本不注重相关性，在他们看来，只要悬挂外链的网站有高权重即可，并且觉得外链做的越多越好，也就是说十分注重外链的数量，忽略的质量。

日期：2016-05-16    浏览：122

如何识别SEO中的水货？

百科中原理写的是向百度发送数据包。大哥，你发了也得人家接收执行才行。这边如果写成『缓存溢出可执行漏洞』，那还具有一定可行性。而忽悠大师是不会这么深入研究的，他们最擅长的就是抛出一套理论，让你觉得很高深，很有效，其实具体怎么执行，往往他们都说不出个所以然来。

日期：2016-05-16    浏览：120

精简优化代码是做好SEO优化必须的一个步骤

尽量采用局您的页面，局的益处是让搜索引擎爬虫能够更顺遂的、更快的、更友好的爬完您的页面局还可以年夜量缩减网页巨细，这在SEO优化工作中起到很大的浸染，不仅提高浏览的速度，更使得代码更精练、流利、更轻易放置更多内容。

日期：2016-05-16    浏览：121

对于于门第上网站seo优化的网站操作

网站题目：关于一度新站来说是很首要的，第二天你网站题目就成为了呵呵，这可是举例，百度引擎可没有喜爱网站题目没有断变来边去，新站要安靖做兴起，就要想好一度面前的题目，假如斯后需求批改，也最好正在网站有所根底的状况下，遏制修正。

日期：2016-05-16    浏览：130