首页 > 其他分享 >div 常用样式记录

div 常用样式记录

时间:2022-12-15 18:24:52浏览次数:41  
标签:记录 样式 边框 padding div font border 20px

div边框:
    boder 虚线:dashed  实线:solid
    语法:<div style="border:2px solid red"></div>

    上边框:border-top;下边框:border-bottom;左边框:border-left;右边框;border-right;
    
    上、右、下、左:padding: 10px 20px 30px 40px;
      上、左右、下: padding: 10px 20px 30px;
         上下 左右:padding: 10px 20px;
          上下左右:padding: 20px;

    可以这样指定:上下左右
        padding-top:25px;
        padding-bottom:25px;
        padding-right:50px;
        padding-left:50px;
        
    多个div在同一行展示:display:inline-block
    
其他样式:
    文字大小:font-size:
    字体:font-family:
    文字粗细:font-weight
    字体样式:font-style:normal | italic    normal原,italic斜体
    字体行高: line-height:18px;
    文本对齐:text-align:center;  center,left,right,justify(两端对齐)
    文本缩进:text-indent:2rem;  正数表示文本向右缩进的距离,反之负数表示文本向左缩进的距离

标签:记录,样式,边框,padding,div,font,border,20px
From: https://www.cnblogs.com/zhey/p/16985771.html

相关文章

  • Educational Codeforces Round 136 (Rated for Div. 2)
    题目链接A核心思路:其实就是一个签到题没什么好说的,我们可以直接通过观察样例大胆猜测结论:也就是只有是一列的时候是完全孤立的。直接看代码吧.#include<bits/stdc++.h>......
  • CAD标注样式设置怎么保存?
    CAD设计过程中,标注的应用十分广泛,设计师为了保证图面的清晰明了,通常会对CAD标注样式进行设置。如果下次想要直接调用当前标注样式,你知道CAD标注样式设置怎么保存?本文就和小......
  • CAD标注样式设置文件怎么输入使用?
    上节教程文章中小编给大家分享了CAD标注样式文件保存的详细操作步骤,那么,在下次CAD设计过程中,如果想要调用该标注样式,该如何将CAD标注样式设置文件输入使用呢?本文小编就来给......
  • 微信二维码名片不显示头像 微信二维码怎么恢复原来的样式
    新版本的微信更新之后,微信的个人名片二维码中间不是自己的头像了。而且二维码的识别率也没有之前的高了!好多年朋友在问微信二维码怎么换成以前那种中间带头像的?想应该如何......
  • [dp记录]P3354 Riv
    看到有人求多维dp妙题就想起此题,于是干脆来记录一下。神仙dp,首先看着就很树上背包,但是,部分木头可能从当前节点继续下流,最关键的是:我们还无法确认它们有多少。所以两维......
  • prometheus.yml自动发现配置记录
    正常安装普罗米修斯之后,静态配置不对方便后续添加,官方也提供了许多自动发现服务,这里采用了其中一种。在prometheus.yml同级目录下,创建一个node文件夹,用来存放后续想拉取的......
  • 如何把自定义的函数,记录到你的Airtest报告里
    1.前言熟悉Airtest的同学都知道,像touch、swipe这类核心API,运行之后,都会在Airtest报告里记录一个步骤:但有很多情况下,我们可能会使用自定义的函数,这种自定义的函数,就不会......
  • aurora博客问题记录
    1、当前使用的node版本是10.16.0,无法运行,安装为19.2.0可以正常运行2、当前脚手架版本是2.0,运行后浏览器报错:  js文件找不到,无法打开页面3、更新vue-cli版本,先删除当......
  • 轻量级的架构决策记录机制
    作者:倪新明ADR是一种性价比非常高的架构决策文档化实践,团队引入和实践成本很低,却能为团队带来极大收益!1团队研发面临的问题不论是在传统的IT行业,还是互联网行业,研发团队在......
  • D3:改变节点样式
    首先在<body>添加图片对象<svgid="mySvg_ac"width="0"height="0"><defsid="mdef"><!--图片1--><patternid......