最新 最热

画圆、半圆、四分之一圆和三角形

作为画圆是一项前端css的基本功了,画圆的思路是设置长和宽相等,那么呈现出来的是一个正方形,其次再让正方形的边框弧度为百分之五十,就可以变为圆形了,或者如果写成和设置的长和宽一半的长度的话,也是可以的。...

2020-05-18
1

div嵌套盒子模型

标准盒模型尺寸的计算盒子模型的实际宽度:width+左右padding+左右border盒子模型的实际长度:width+上下padding+上下border

2020-05-08
1

前端|CSS信封的制作方法

利用Hbuilder来制作一个信封,此处使用的是先制作信封边框再进行文字加入的方法来设计。

2020-04-20
1

前端基础-CSS模型

多学一招:当盒子是正方形,圆角的值是边的一半或者百分比是50%的时候,是圆(ie8以下不支持),圆角和边框没关系

2020-04-07
1

前端基础-CSS细线表格

细线表格语法:border-collapse:collapse;image.png注意:一定要加在table标签上,且表格和单元格都加边框属性

2020-04-01
1

前端学习(12)~css学习(六):盒模型详解

但是,图片、表单元素一律看作是文本,它们并不是盒子。这个很好理解,比如说,一张图片里并不能放东西,它自己就是自己的内容。

2020-03-19
1

CSS 当宽度为百分比的时候,如何让高等于宽

ul li::before{ content: ""; padding-top: 100%; vertical-align: middle; display: block;}

2020-02-11
1

CSS3 Background 属性介绍

与border类似,ie对新的background属性都是不支持的。多的就不说了,来看看,新的background 属性吧。

2020-01-14
1

css3实现border渐变色

.gradualChange{width: 300px;height: 300px;border:20px solid;//兼容border-image: -webkit-linear-gradient(#000,#333,#000) 30 30;border-image: -moz-linear-grad...

2020-01-07
1

css3之border-radius学习

border-radius圆角边框是CSS3的新属性,以前网页设计开发中要实现元素的圆角边框,通常是用背景图片来实现的。现在我们只需要给元素添加border-radius属性即可。...

2019-12-27
1