HTML与CSS基础:深入理解padding关键字的使用技巧

更新:11-20 名人轶事 我要投稿 纠错 投诉

大家好,HTML与CSS基础:深入理解padding关键字的使用技巧相信很多的网友都不是很明白,包括也是一样,不过没有关系,接下来就来为大家分享关于HTML与CSS基础:深入理解padding关键字的使用技巧和的一些知识点,大家可以关注收藏,免得下次来找不到哦,下面我们开始吧!

该表格单元格每侧的填充量相等。

效果如图:

这里我们为.(cell)设置padding属性。那么它的inner margin就意味着它与表格外边框的距离是30px。注:(px表示像素)。

有时我们可以这样设置。此时设置的padding不相等。 【注意:这四个padding的值分别是top、right、bottom、left,所以一定要熟记在心! 】

有时,我们不需要设置每个边距,我们只想设置一侧。可以使用关键字:padding-top(顶部填充)、padding-bottom(底部填充)、padding-left(左侧填充)、padding-right(右侧填充)。

HTML的主要作用是告诉浏览器如何显示一些内容

OK,本文到此结束,希望对大家有所帮助。

用户评论

昂贵的背影

想学网页设计一直没开始,看到这标题挺合适的!

    有12位网友表示赞同!

゛指尖的阳光丶

padding确实很实用,可以调整元素的间距,让页面看起来更舒服。

    有19位网友表示赞同!

终究会走-

笔记里会不会有详细的示例代码啊?

    有18位网友表示赞同!

无关风月

学习HTML和CSS感觉一点都不难!就是需要多实践才能掌握。

    有6位网友表示赞同!

岁岁年年

之前就用padding弄过文字显示的效果,蛮好用的。

    有9位网友表示赞同!

摩天轮的依恋

这应该是个入门教程吧?打算跟着学的你。

    有10位网友表示赞同!

嘲笑!

CSS学习笔记真好,自己也经常整理一些笔记,但有时候效率太低了。

    有9位网友表示赞同!

致命伤

padding的用法很多啊,可以做不同的布局效果。

    有7位网友表示赞同!

颓废i

我之前用的padding都是看官方文档,这笔记看起来更直观易懂。

    有16位网友表示赞同!

醉枫染墨

分享学习笔记真好,能互相帮助。

    有10位网友表示赞同!

景忧丶枫涩帘淞幕雨

HTML和CSS是网页设计的基础啊,一定会用到。

    有10位网友表示赞同!

肆忌

学习完这个还能继续学什么别的?

    有13位网友表示赞同!

﹎℡默默的爱

最近想搞一套自己的博客网站,这笔记挺适合我的!

    有20位网友表示赞同!

人心叵测i

以前没太了解padding的用法,这篇笔记正好补充一下我的知识点。

    有19位网友表示赞同!

虚伪了的真心

希望能看到更多关于CSS学习笔记的分享,比如布局、颜色等方面。

    有17位网友表示赞同!

你与清晨阳光

自己也试试把元素调整一下间距看看效果!

    有17位网友表示赞同!

。婞褔vīp

这篇文章标题很明确了!让人一看就知道是学习padding的笔记。

    有6位网友表示赞同!

一生荒唐

记下来先,待会空的时候有时间再看!

    有20位网友表示赞同!

猫腻

网站设计越来越流行了,我也想去尝试看看!

    有5位网友表示赞同!

全网暗恋者

看来要多学习一些CSS知识才行了!

    有12位网友表示赞同!

【HTML与CSS基础:深入理解padding关键字的使用技巧】相关文章:

1.蛤蟆讨媳妇【哈尼族民间故事】

2.米颠拜石

3.王羲之临池学书

4.清代敢于创新的“浓墨宰相”——刘墉

5.“巧取豪夺”的由来--米芾逸事

6.荒唐洁癖 惜砚如身(米芾逸事)

7.拜石为兄--米芾逸事

8.郑板桥轶事十则

9.王献之被公主抢亲后的悲惨人生

10.史上真实张三丰:在棺材中竟神奇复活

上一篇:夏季自然之声:蝉鸣与蝉的奇妙之旅 下一篇:圣诞节朋友圈文案精选:今日分享温馨祝福