css
文章平均质量分 61
五月闲云一野鹤
活力,热爱,坚持,努力!
展开
-
html2canvas 行内元素边框样式生成问题解决(根据文字生成图片)
实现一个基于一段文字生成一张图片的需求,其中,有一段文字需要下划线,但是不是text-decoration:underline;的样式,因为下划线要距离字一段距离,接到这个方案时,第一时间想到的就是html2canvas,但是做的过程中出现了一个小问题。原创 2022-11-19 23:07:55 · 1156 阅读 · 1 评论 -
css实现上中下布局(上下固定,中间自适应)
先上效果图:实现方法:方法一:这个最简单,利用css中vh单位和calc() 函数使用场景:页面布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width原创 2021-04-21 00:18:56 · 6057 阅读 · 1 评论 -
css实现四边形四角边框效果(没有使用定位,避免布局影响)
实现下面这种效果开发中要实现下面这种效果,相信大家第一眼就会想到用定位,直接把四个边框定位上去就好了。最开始我也是直接用的定位,封装成了一个组件。后面布局的时候出问题了,排列的时候很麻烦,对不起,调位置什么的都不好控制,而且因为要做到自适应,很不好做。后面想了很久,感觉可以用css的背景属性来做,这样的话这些问题全部都可以避免了。直接上代码这个html文件,可以复制直接看下<h...原创 2020-03-22 00:35:05 · 2432 阅读 · 0 评论