热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

如何用CSS设置元素周围的填充?

如何用CSS设置元素周围的填充?原文:https://www

如何用 CSS 设置元素周围的填充?

原文:https://www . geeksforgeeks . org/如何使用-css/ 在元素周围设置填充

在本文中,我们将学习如何使用 CSS 设置元素周围的填充。

方法:填充是元素内容与其边界之间的空间。我们可以使用 CSS 的 padding 属性来设置元素周围的填充。它有四个值 top_padding、right_padding、bottom_padding 和 left_padding。

语法:

padding: top_padding right_padding bottom_padding left_padding;

我们还可以将这些值单独用作一次取一个值的属性。

语法:

padding-top: value;
padding-right: value;
padding-left: value;
padding-bottom: value;

例 1:

超文本标记语言




    


    

GeeksforGeeks



输出:


  • 在应用填充属性之前:


  • 应用填充属性后:

例 2:

超文本标记语言




    


    

GeeksforGeeks



输出:


  • 在应用填充属性之前:


  • 应用填充属性后:


推荐阅读
  • 本文分析和介绍了GLo ... [详细]
  • WebBrowser控件(1)
    WindowsPhone7内置了一个强大的网络浏览器,该浏览器的内核是基于桌面版的InternetExplorer7(Mango版基于InternetE ... [详细]
  • python基础(二、pycharm安装、卸载)
    3.在Ubuntu中安装PyCharmPyCharm的官方网站地址是:https:www.jetbrains.compycharm注意:安装时不要使用root用户安装,否则后期使用 ... [详细]
  • 转载于:https:www.cnblogs.comgoldengallop78 ... [详细]
  • 1.File类:文件和目录路径名的抽象表现形式2.创建对象:File(Stringpathname)通过给定的路径创建文件对象File(Stringpa ... [详细]
  • 工具系列 | 分布式日志管理graylog 实战
    Graylog是一个开源的日志聚合、分析、审计、展现和预警工具。功能上和ELK类似,但又比ELK要简单,依靠着更加简洁,高效, ... [详细]
  • Vue项目结构分析-项目结构重点在src文件夹:assets——静态资源,如css,jscomponents——公共组件router——路由文件(vuecli3.x没有自 ... [详细]
  • 新闻发布系统 需求分析
    1做一个网站的步骤清楚需求和大概的效果(登录主题新增查看主题列表)2清楚数据库和结构3需要静态资源(htmlcss图片)登录表用户表主题表新闻的id主 ... [详细]
  • FroggerTimeLimit:1000MSMemoryLimit:65536KTotalSubmissions:32257Accepted:10396DescriptionFr ... [详细]
  • 实验六团队作业2:团队项目选题实验时间2019-4-18(19)Deadline:2019-4-2410:00,以团队随笔博文提交至班级博 ... [详细]
  • 普通调用https:www.cnblogs.comYogurshinep3913073.htmlhttps:zhidao.baidu.comquestion531286375.h ... [详细]
  • 请写出一下程序的输出内容***2018032122:02:03**Brief:**Author:ZhangJianWei**Email:Dream_Dog163.com* ... [详细]
  • 原文链接https://www.cnblogs.com/zhouzhendong/p/9161514.html ... [详细]
  • 无论是传统编程场景还是当下火爆的人工智能应用场景,循环的应用都是必不可少的,上一篇文章中阐述了如何使用for循环来进行编程,这篇文章将会由 ... [详细]
  • 1.安装brewinstallnginx(需要安装homebrew)2.执行nginx直接启动nginx服务3.nginx-sreloadstop4.配 ... [详细]
author-avatar
手机用户2602934327
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有