css
谦谦均
这个作者很懒,什么都没留下…
展开
-
使用html+css+javaScript技术实现以下功能
使用html+css+javaScript技术实现以下功能,输入起始数和终止数(注意:起始数小于终止数),计算其累加和,如下图所示:这里先说一下思路:1,边框是两种颜色,而且是两层,说明至少要用两个div嵌套,而且设置边框颜色的时候需要分上下左右,不能直接一个border全部设置。2,第一点说了两个div区块,所以两者的位置最好用父相子绝的模式固定位置3,js简单操作DOM就能实现功能,注意的点是起始数要小于终止数,还有题目并没有说起始数是大于0的。先来看看我的效果图:这里在完成任务的前提下原创 2020-06-10 16:31:21 · 2998 阅读 · 0 评论 -
用html+css+js实现3D表白网页(一)
闲暇时间,把自己的一些资料整理一下,这里展示的是一个3D的立体相册页面,因为是动态的相册,整体一直在缓慢逆时针旋转,截图只能展示静态的,看起来没实际效果那么美观。每隔几秒中间会跳出一张前置图片,有点惊喜感,如下图所示:整个相册一共由200张小图片做成背景,一张大图片为前置图片,因为文件数量有点多,这里展示部分代码sphere.html<!DOCTYPE html><html><head> <title>致青春</title>&l原创 2020-06-09 19:51:58 · 6534 阅读 · 9 评论 -
Flex 学习笔记:布局教程之语法篇
2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。一、Flex 布局是什么?Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}...原创 2019-11-01 16:46:14 · 178 阅读 · 1 评论 -
用html+CSS制作一个3D旋转相册
前端html+css知识小应用首先,我们要新建一个总的文件夹,文件夹里面新建一个images的文件夹,用来装图片,一个HTML文件,这里要注意,images文件夹和html文件是并列属性的,编辑器我用的webstrom,如下图所示:然后,在images里面保存10张图片加1张背景图片(背景图片可以不设置),图片名字按顺序用1.jpg到10.jpg,背景图片这里用的star.jpg。如下图所示...原创 2019-10-22 16:35:36 · 22004 阅读 · 40 评论