自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

烙大饼

前端学习

  • 博客(7)
  • 问答 (1)
  • 收藏
  • 关注

原创 【css】clip-path、drop-shadow 、border-image 渐变色 结合应用

效果注意点: clip-path 里面用calc才不会导致不同宽度下裁剪出来的形状不同可以优化的地方: border-radius 有点形变。

2023-06-02 15:57:01 401

原创 vite vue3 ts(二) 引入vue-router 使用嵌套路由

vue-router vue3 ts 嵌套子路由

2023-03-02 17:25:44 478

原创 vite vue3 ts(一) 初始化项目、设置alias别名

vite 别名 @

2023-03-02 15:34:32 512

原创 html+css+js笔记

五大主流浏览器内核1、IE浏览器内核:Trident内核,也是俗称的IE内核;2、Chrome浏览器内核:统称为Chromium内核或Chrome内核,以前是Webkit内核,现在是Blink内核;3、Firefox浏览器内核:Gecko内核,俗称Firefox内核;4、Safari浏览器内核:Webkit内核;5、Opera浏览器内核:最初是自己的Presto内核,后来加入谷歌大军,从...

2019-09-24 16:29:57 174

原创 椭圆或圆

border-radius: 50%; 让一个正方形 变成圆圈

2019-05-16 21:45:44 108

转载 导航栏写法

一、中间有缝隙(几乎不用)用a标签,再转化inline-block,在加宽高二、ul li a 标签 .nav li { float: left; width: 160px; height: 80px; list-style: none; } .nav li a { width: 160px; height: 80px; display: block; t...

2019-05-16 21:23:07 444

转载 盒子的居中

一、标准流水平居中margin:0 auto;此时的盒子要有宽高二、绝对定位的盒子水平/垂直居中定位的盒子也可以水平或者垂直居中,有一个算法。首先left 50% 父盒子的一半大小然后走自己外边距负的一半值就可以了 margin-left。...

2019-05-16 21:05:37 73

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除