例子 1 border-radius:2em; 等价于: border-top-left-radius:2em; border-top-right-radius:2em; border-bottom-right-radius:2em; border-bottom-left-radius:2em; 例 ...
分类:
其他好文 时间:
2020-07-18 22:30:05
阅读次数:
94
<head> <style> .adModal{ position:fixed; background: black; top: 0; right: 0; bottom: 0; left: 0; z-index: 998; opacity: 0.4; } .tdModal{ position:fix ...
分类:
其他好文 时间:
2020-07-18 19:50:38
阅读次数:
67
内边距:padding padding-top: padding-right: padding-bottom: padding-left: 简写方式: padding:上 右 下 左 ; padding:10px 10px;(上下,左右) 注意:padding会撑大盒子宽度 ...
分类:
其他好文 时间:
2020-07-18 16:00:39
阅读次数:
58
外边距:margin margin-top: margin-right: margin-bottom: margin-left: 简写方式: margin:30px;(上下左右都30px) margin:30px 50px;(上下,左右) margin:上 右 下 左; ...
分类:
其他好文 时间:
2020-07-18 15:57:14
阅读次数:
58
通常大家在制作网页的过程中会遇到很多棘手的问题,比如我在写一个页面的时候,遇到了div嵌套引起的margin-top不起作用,对内部的div设置margin-top时,内部对于外部的div并没有产生一个margin值,而是外部的div相对于上面的div产生了一个margin值,为什么会出现这种情况? ...
分类:
其他好文 时间:
2020-07-18 15:25:46
阅读次数:
55
这篇文章主要为回答这个问题:“做响应式网页,如何让一个div的高和宽保持比例放大或是缩小?”,这里不介绍媒体查询的实现。 那么css如何实现高度height随宽度width变化保持比例不变呢?即给定可变宽度的元素,它将确保其高度以响应的方式保持成比例(即,其宽度与高度的比率保持恒定)。 下面以高宽 ...
分类:
Web程序 时间:
2020-07-18 00:58:58
阅读次数:
146
使用 CSS3 border-radius 属性,你可以给任何元素制作 "圆角"。 1,CSS3 border-radius 属性使用 CSS3 border-radius 属性,你可以给任何元素制作 "圆角"。 #rcorners1 { border-radius: 25px; backgroun ...
分类:
Web程序 时间:
2020-07-17 19:26:51
阅读次数:
82
网页中常常会有一个 返回顶部的功能,恰巧我这天写到了,在网上找了一下思路,下面就写了一个案例: 效果预览:https://li_shang_shan.gitee.io/small_rocket_back_to_top。 代码就直接粘贴了: <html> <head> <meta charset="u ...
分类:
其他好文 时间:
2020-07-15 23:53:07
阅读次数:
81
步骤 1 : 一个div始终贴在下方 首先把蓝色div设置为相对定位然后把内部的绿色div设置为绝对定位, bottom: 0表示贴在下面 <style> #div1 { position: relative; height: 300px; width: 90%; background-color: ...
分类:
Web程序 时间:
2020-07-15 23:43:28
阅读次数:
92
一、echarts配置项如下: var option = { animation: true, title: {}, tooltip: { showDelay: 0, }, xAxis: { type: 'value', }, grid: { top: '20%', bottom: '20%' }, ...
分类:
其他好文 时间:
2020-07-15 15:18:27
阅读次数:
116