- 博客(9)
- 收藏
- 关注
RSS订阅原创 HTML实现太极图旋转效果
实现方法CSS animation动画，直接看代码吧，原理很简单。<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>太极旋转</title> <meta name="viewport" content="w
2021-06-11 09:32:50
364
原创 html实现奥运五环
主要实现方法：利用css定位实现，方法很简单直接看代码吧： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-s
2021-06-11 09:09:37
229
原创 利用HTML完成一个3D动画旋转
实现效果：由于只是截图，所以看不出动画效果；代码实现：<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>PhotoShow</title> <meta name="viewport" content="w
2021-06-10 08:44:23
1108
原创 使用JS DOM操作将奇偶数列li背景色设置为不同颜色
要求：页面加载完成后将奇数列li的背景色设置为红色，偶数列li背景色设置为绿色浏览器效果：看完效果图，下面就是怎么实现的问题了：<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>ol</title> <
2021-06-08 10:33:12
2411
原创 利用JS制作简易计算器
目的：利用JS制作一个简易的计算器，能够实现简单四则运算要求：三个输入框输入值只能是数字，当输入非数字时提示并清空输入框，利用正则表达式；点击按钮实现计算。话不多说，贴图为上：看了效果图，下面就是怎么实现的问题了，请看代码：<html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title
2021-06-07 23:39:37
5950
原创 利用CSS的浮动和定位进行三列布局
要求：实现三列布局，左右两列固定宽度，中间宽度自适应一、利用CSS浮动（float）实现原理：将左右两列分别设置为左浮动和右浮动，然后再将中间列插入（提醒：中间列的div必须放在最后）先看浏览器效果：代码：<html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>CSS自适
2021-06-05 11:51:22
570
原创 HTML CSS盒子模型
一、CSS盒子模型1、CSS盒子模型简介在HTML页面中，每一个元素都是一个规则的矩形，因此每一个元素都由一个盒子模型来表示，盒子模型由四个区域组成：（1）content box：内容区域（2）padding box：内边距区域（3）border box：边框区域（4）margin box：外边框区域如下图：补充：2、CSS边框（border）border可以设置元素边框的：宽度、样式、颜色；示例：<body> <!--建立一行--> <
2021-06-03 22:28:52
481
原创 css超链接
一、CSS超链接样式二、CSS超链接样式设置1、CSS中可以根据超链接元素的状态，设置不同的样式属性下面为4种超链接状态：a:link - 正常状态，未访问过的超链接状态a:visited - 已访问过状态，用户已访问过的超链接状态a:hover - 鼠标放上状态，当用户鼠标放在超链接上时状态a:active - 点击状态，超链接被点击的那一刻状态。运用实例CSS超链接2、CSS鼠标指针设置鼠标形状 cursor:pointer;3、设置超链接的样式（颜色、背景、字体……）
2021-06-03 08:55:37
5067
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人