前端哥

HTML5超链接和图片基础用法

2024-01-27超链接可以是一个文本,也可以是一幅图像,您可以点击这些内容来跳转到新的页面或新的文档或者当前文档中的某个部分。_html中如何用href指向当前页面的图片

https://www.qianduange.cn//article/545.html 分类:前端知识

【Java】itext 实现 html根据模板生成pdf 中文不显示/图片不显示问题解决

2024-01-27工作中需要使用生成pdf记录,选取使用的是itext 生成 pdf方式。分享下实现方式及遇到的问题。_java pdf 导出中文不显示

https://www.qianduange.cn//article/532.html 分类:前端知识

JS实现轮播图的三种简单方法。

2024-01-27Js实现轮播图01实现思路这可能是轮播图最简单点的实现之一,通过更改图片的src来实现该效果,首先需要将图片命名格式统一比如pic01.jpg,pic02.jpg…,再通过js使用定时器去改变img标签里面的src图片链接的名字来实现切换效果。代码如下:实现效果<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>轮播图实现01</title> &_js轮播图

https://www.qianduange.cn//article/519.html 分类:前端知识

HTML&CSS Day04 CSS盒模型

2024-01-27​ 边框就是环绕在标签宽度和高度周围的线条​ 标签和标签之间的距离就是外边距​ 边框和内容之间的距离就是内边距​ 默认情况下背景图片会随着滚动条的滚动而滚动, 如果不想让背景图片随着滚动条的滚动而滚动, 那么 我们就可以修改背景图片和滚动条的关联方式.

https://www.qianduange.cn//article/517.html 分类:前端知识

CSS 实现文字渐变色

2024-01-271、background 属性设置渐变色2、-webkit-mask图片蒙版效果制作渐变色_css文字渐变色

https://www.qianduange.cn//article/515.html 分类:前端知识

使用CSS实现鼠标悬浮标题出现动态下划线

2024-01-27文字背景填充满了,无法跟动态图一样那么细。别急,css里还有有个background-size属性,设置一下就可以了。然后把100%改成0 再给div添加:hover鼠标滑过长度成100%,加个过渡动画。到这里发现为什么跟第一张效果图不一样啊,不应该是进去从上面出来然后再下面消失吗。要实现这种效果只需要使用到background这个属性了。这时候就需要再:hover属性里面加入。然后在设置background属性。这时候页面就会出现这样子。今天来实现下面图片的效果。就跟效果图一模一样了。_css鼠标悬浮显示下划线

https://www.qianduange.cn//article/513.html 分类:前端知识

前端原生 CSS 跑马灯效果,无限轮播(横竖版本,带渐变遮罩,简单实用)

2024-01-27公式:主图张数 * 单个图片宽度(每轮主图只有 4 张,4 张照片为一个周期,如果需要轮播的主图为 7、8、9...张,都一样) *//* 为什么设置 -600px?公式:主图张数 * 单个图片高度(每轮主图只有 4 张,4 张照片为一个周期,如果需要轮播的主图为 7、8、9...张,都一样) *//* 重点:单个图片宽度 200,相当于默认不动可见 3 个 *//* 重点:单个图片高度 150,相当于默认不动可见 1 个 *//* 重点:盒子宽度 600 *//* 重点:盒子宽度 150 */_css走马灯效果

https://www.qianduange.cn//article/512.html 分类:前端知识

纯css实现满屏雪花飘落效果

2024-01-27这里使用了关键帧动画(keyframes animation),其中定义了一个名为"snow"的动画,以及一个"-webkit-snow"的动画(兼容WebKit内核的浏览器)。这两个动画使用相同的规则:通过改变背景图片的位置,模拟雪花从天上落下的效果。其中,初始位置为0 0,终止位置为500px 1000px和500px 500px。该元素的背景使用两张图片,即"snow1.png"和"snow2.png"。这段代码定义了一个名为"snow"的CSS样式,该样式将被应用于某个HTML元素上。_全屏飘落特效

https://www.qianduange.cn//article/505.html 分类:前端知识

CSS之font-size的说明与妙用

2024-01-27font-size用来设置页面的字号,他有很多种指定方式,像绝对值、相对值、长度值、百分比值、数学值、全局值。用它怎么设置比浏览器最小字号更小的字号,并能够让页面实际渲染出来? 我的文字之间为什么有空隙,两个span标签不挨着,两个图片中间有空白条?_css font-size

https://www.qianduange.cn//article/501.html 分类:前端知识

3种CSS实现背景图片全屏铺满自适应的方式

2024-01-27以上就是我今天与你分享的内容,如果你觉得有帮助,请记得分享给你的朋友,也许能够帮助到他。_如何设置网页背景自适应

https://www.qianduange.cn//article/499.html 分类:前端知识

1161条数据,当前112/117

最近搜索

会员中心 联系我 留言建议 回顶部