喜欢爱笑的女孩子-CSDN博客

原创 HTML、CSS招财猫

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <link rel="apple-touch-icon" type="image/png" href="https://cpwebassets.codepen.io/assets/favicon/apple-touch-icon-5ae1a0698dcc2402e9712f7d01ed509a57814f9.

2022-01-06 10:38:11 709

原创 Bootstrap的使用方法（一）

Bootstrap是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。Bootstrap v3 中文文档 · Bootstrap 是最受欢迎的 HTML、CSS 和 JavaScript 框架，用于开发响应式布局、移动设备优先的 WEB 项目。 | Bootstrap 中文网进入官方网站下载文件解压文件，放到项目中引入CSS文件和JS文件<link rel="stylesheet" type="text/css" href="boots.

2021-12-16 11:04:25 653

原创 CSS闪亮的按钮

HTML代码：<html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="css/Shiny_button.css" /> </head> <body> <a href="#">Button</a> </body></html>

2021-12-08 08:37:15 375

原创 HTML、CSS磁贴样式的复选框组

html代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="css/cat.css" /> </head> <body> <fieldset class="checkbox-group"> <legen

2021-12-07 08:38:12 446

原创 HTML、CSS事务悬停动画

HTML代码：html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="css/new_file.css" /> </head> <body> <div class="container"> <div class="left-side"> <di

2021-12-06 09:17:38 192

原创 CSS3圆角、阴影、背景、渐变、变形知识点

圆角border-radius:10px;同时设置四个角border-radius: 20px 40px 50px 60px;顺时针方向，左上，右上，右下，左下圆形：<div style=”width:100px; height:100px; background:red; border-radius: 50%;”></div>阴影：文字阴影text-shadow:水平阴影位置垂直阴影位置模糊距离颜色;text-shadow:5px 5px ...

2021-12-03 08:53:45 373

原创 HTML、CSS网页初始化

CSS代码：html，body{ margin：0； padding：0； font-size：12px； font-family："微软雅黑"； color：#888； line-height：30px；}ul，li{ padding：0； margin：0； list-style：none；}a{ color：#888888； text-decoration：none；}...

2021-12-02 09:35:37 299

原创 HTML、CSS、js幻灯片登录/注册表单

html代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="css/new_file.css" /> <script src="js/new_file.js"></script> <script src="js/jque

2021-11-30 10:48:12 525

原创 HTML，CSS带有浮动占位符和浅色按钮的登录表单

HTML代码：<html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="css/new_file.css" /> </head> <body> <div class="login-box"> <h2>Login</h2> &.

2021-11-29 09:07:17 233

原创 HTML、CSS糖果颜色按钮动画

HTML代码：<html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="css/new_file.css"/> </head> <body> <header> <link href="https://fonts.googleapis.com/css.

2021-11-26 15:43:38 775

原创 CSS弹性盒子的讲解

Flex弹性盒子布局,弹性布局，任何一个容器都可以指定为弹性盒子注意：设置为flex布局以后，子元素的float浮动,clear清除浮动，vertical-align属性都将失效display:flex; 给父元素添加，子元素受影响排在一行/一列<div style=”display:flex”><div class=”div2”>1 div2将显示在一行</div><div class=”div2”>2</div><

2021-11-26 10:49:55 199

原创 HTML、CSS卡片悬停交互效果实现

HTML代码：<html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="css/new_file.css" /> </head> <body> <main class="page-content"> <div class="card">

2021-11-24 14:00:00 537

原创 CSS 节拍器

HTML代码：<html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="css/new_file.css" /> <script src="js/jquery-1.4.2.min.js"></script> </head> <body> <inpu

2021-11-24 08:30:00 89

原创 HTML、CSS简单星级评定

HTML代码：<html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="css/comment.css" /> </head> <body> <div class="container"> <div class="feedback"> &

2021-11-23 14:45:00 939

原创前端：3D粒子球体

HTML代码：<html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/3D.css" /> </head> <body> <script src="js/3D.js"></script> <canvas id="sCanvas" widt

2021-11-23 08:00:00 488 1

原创 html，css，js搜索效果实现

HTML代码：html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="css/search.css"/> <script src="js/search.js"></script> <script src="js/jquery-1.4.2.min.js"></scri.

2021-11-22 10:53:10 914

原创网页加载效果

html代码：<html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/load.css" /> </head> <body> <link href='https://fonts.googleapis.com/css?family=Electrolize' rel=.

2021-11-19 15:16:13 216

原创纯Javascript贪吃蛇

2021-11-19 14:51:28 58

原创 Java-征兵系统

/**@function 征兵系统@author 胡宇博@date 2021.6.4*/import java.util.Scanner;class Conscription3{ public static void main(String[] args) { Show s = new Show(); s.Show(); Sift y = new Sift("胡宇博","男",20,"513922200103246799",1...

2021-06-04 16:35:55 224

qq_52899829的博客