网页设计与制作,网页资源教程,网页源代码 _F11 - 专业站长和开发者的学习网站

APP正在开发中...

返回顶部

网页

flex布局子元素宽度超出父元素问题及解决方案

1. 第一次遇到这个问题的场景先看效果图，大家可以看一下下面的样式，很明显左边和右边的盒子我是给的定宽，但是被挤压了这个是我在

9642

2024-02-23

css
HTML5 video播放有声音无图像的解决方法

1.概述今天遇到一个问题，HTML5 video播放有声音无图像，该视频本地是能播放的。使用html播放的时候只有声音没有视频，一片漆黑。而且奇

2187

2024-02-23

html5
css3实现四周线条环绕流动效果

效果：代码： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57

1821

2024-02-23

css
HTML中使用Flex布局实现双行夹批效果

古代小说中经常有评点和批注，为了区别正文和批注，一般将批注排版成双行夹批的形式。我们知道，在Word中只需要先选择批注文字，然后

1884

2024-02-23

HTML/Xhtml
使用CSS实现一个雨滴滑落效果的代码

下雨天坐在车窗前，看着雨滴顺着车窗渐渐落下，这一唯美的场景，忍不住想记录下来。最近在纠结电脑壁纸时，无意间看到有类似的场景

2310

2024-02-04

HTML/Xhtml
HTML+CSS实现全景轮播

效果演示实现了一个简单的网页布局，其中包含了五个不同的盒子，每个盒子都有一个不同的背景图片，并且它们之间有一些间距。当鼠标

405

2024-02-04

HTML/Xhtml
HTML+CSS实现炫酷登录切换

效果演示实现了一个登录注册页面的切换效果，当用户点击登录或注册按钮时，会出现一个叠加层，其中包含一个表单，用户可以在表单中

1380

2024-02-04

HTML/Xhtml
css实现边框流动的项目介绍

要实现一个边框流动的效果，可以使用CSS动画来实现。在HTML中，我们需要创建一个元素（例如div），并将其设置为具有一定宽度和高度的盒

3122

2024-02-03

css
CSS中设置文字下划线的几种方法介绍

一、CSS种使用 text-decoration 属性来设置文字的装饰效果，包括下划线。常用的取值： none：默认值，不设置任何装饰效果。 underline：设置文

9740

2024-01-27

css
CSS实现文字字体颜色渐变的三种方法介绍

第一种方法 1 2 3 4 5 6 /*实现文字颜色从红到黄的线性渐变效果*/ .gradient-text { background: linear-gradient(to right, #ff0000, #ffff00); /*设置渐变的方向从

2146

2024-01-27

css
CSS实现一个渐变色箭头的代码

产品希望在漏斗图的旁边，每一层漏斗边上加上一个渐变色的箭头，效果如下：实现网上大部分的箭头实现都是利用一个div来实现箭头躯干

1349

2024-01-27

css
CSS3调整背景图片大小的代码介绍

在CSS3中，如果想要调整背景图片的大小可以通过设置background-size属性进行设置。一、background-size 语法格式 1 background-size: length|percentage|co

3198

2024-01-23

css
css3中nth-child()的用法介绍

nth-child（n）是css3中的一种选择器，它的作用是匹配属于其父元素的第n个元素，不论元素的类型。重点是不论元素的类型这句话，好多人容

1630

2024-01-23

css
CSS实现风吹动树叶的动画效果的代码

如题，要实现树叶在风中摇摆的动画，首先准备主体：树叶。这里准备了两张矢量的高清版 SVG 格式的不同种类的树叶。首先我们使用img标

2194

2024-01-08

css
HTML5键盘弹起遮挡输入框的解决方法介绍

混合开发中遇到一个问题，有些型号的安卓机和ios机型，输入框唤起键盘后，输入框会被键盘遮挡，需要手动滑动才能漏出来，影响用户体

9839

2024-01-05

html5
CSS中的linear-gradient参数学习与使用教程介绍

定义与方法 inear-gradient() 函数用于创建一个表示两种或多种颜色线性渐变的图片。创建一个线性渐变，需要指定两种颜色，还可以实现不同

192

2024-01-05

css
纯css实现自动+手动图片轮播效果的代码

1.图片自动轮播创建2个盒子，一个盒子进行轮播图展示，一个盒子用来承载图片 1 2 3 4 5 6 7 8 9 10 11 12 13 body !-- 创建外部展示容器 -- div cla

3157

2024-01-01

css
CSS实现轮播图效果(自动切换、无缝衔接、小圆点切换)

1、基础 html 代码使用ul-li放入多张需要轮播的图片使用input标签指定type=radio创建小圆点按钮，并设置单独的 id 属性使用label的 for 属性指定

3139

2024-01-01

css
圣诞节制作一颗HTML的圣诞树介绍

来到圣诞节了，那么就可以制作一颗HTML的圣诞树送给朋友，没有编程基础的小白也可以按照步骤操作也可以运行起来代码的一、vscode里面运

2019

2023-12-28

HTML/Xhtml