demo-1: demo-2: demo-3: demo-4: 小结: 1.border宽度使用百分比,没有效果,故不要使用. 2.padding-top,padding-bottom 使用百分比,以父盒子宽度为基准,所以为了达到满屏,数值需要修订.比如上述的padding值得3.12是一个修订值. ...
分类:
其他好文 时间:
2019-04-05 14:17:01
阅读次数:
135
<!doctype html> <html> <head> <meta charset="utf-8"> <title>show_time</title> <style> body { padding-top: 40px; } #main { margin: auto; text-align: ce ...
分类:
其他好文 时间:
2019-02-22 15:19:39
阅读次数:
163
css大家都很熟悉了,这里就不多介绍了。主要介绍一下两个在日常操作css最容易出错的地方。margin-top与padding-top这两个属性大家都很熟悉了,margin-top表示外部的上边距,padding-top表示内部的上边距。取值可以是一个具体的值或者一个百分比,如:margin-top:10px;margin-top:10%;padding-top:20px;margin-top:2
分类:
Web程序 时间:
2019-01-25 00:17:01
阅读次数:
246
以关注页面为例: html: 1 <div class="row"> 2 3 <div class="col-md-12 col-sm-12 col-xs-12"> 4 <div class="x_panel" style="margin-top: 0px; padding-top: 0px;"> ...
分类:
其他好文 时间:
2019-01-11 17:19:54
阅读次数:
141
padding padding-top是在绿色边框内,从顶部向下移20像素位置,默认padding-top 为0时,红色边框为20像素高,通过padding-top属性,为顶部增加了20像素,这时顶部为40像素高,最小为0,负数无效,因为他是内边距属性 padding-bottom:20px为底部向 ...
分类:
Web程序 时间:
2018-12-28 10:53:31
阅读次数:
211
一、CSS边框空白 padding-top:10px; /*上边框留空白*/ padding-right:10px; /*右边框留空白*/ padding-bottom:10px; /*下边框留空白*/ padding-left:10px; /*左边框留空白 二、CSS符号属性 list-style ...
分类:
Web程序 时间:
2018-12-18 15:54:48
阅读次数:
184
CSS 将元素专为行内块dispiay;blok。dispiay;none将元素隐藏可以不占位。 margin-topso;外边距;元素边缘到浏览器边缘的距离,Overflow;给负极添加hideden隐藏。 inline;元素边缘到前一个元素的距离。 padding_top;可以给复层添加边框。 ...
分类:
Web程序 时间:
2018-12-07 14:42:37
阅读次数:
221
<template> <section class="wrap-page wrap-page-u" style="padding-top:2rem;"> <div class="us-box"> <h2>登录</h2> <div class="lItem"> <input type="number" ...
分类:
其他好文 时间:
2018-11-24 22:29:36
阅读次数:
281
天猫商品墙 网格状布局: 1. ul li 布局 2. float: left; 使得元素在一行。注意: 父元素解决高度塌陷 3. ul 设置固定宽,使得元素挤下去 4. 给父元素加一个 padding-left 和 padding-top 使得 背景色缝隙 充当 网格最左边的边线 5. 给 li ...
分类:
Web程序 时间:
2018-11-14 14:22:51
阅读次数:
211
一、效果 二、Html 三、JS star1.png: star2.png: 四、css .commentTitle { height: 1.1rem; line-height: 1.1rem; font-size: .32rem; color: #333333; padding-top: .4re ...
分类:
其他好文 时间:
2018-11-13 11:07:06
阅读次数:
201