40px

2024-10-24表单标题居右对齐，居中对齐
<formaction="javascript:void(0)"method="post"><div><label>用户名：</label><inputtype="text"value=""/></div><div><label>密码：&l
2024-10-16静态网页练习之我的网站
文章目录静态网页练习之我的网站布局搭积木盒子思维div静态网页案例：实现思路：实现步骤：1.初始化页面，并且写好三个div标签2.引入头像，写好第一个div盒子的样式2.第二个div盒子设置样式3.第三个div盒子完整demo：静态网页练习之我的网站布局搭积木盒子思维根据我
2024-08-08一个简单的HTML网页、个人主页网页设计(HTML+CSS)
一、
2024-08-08html+css 实现hover边框2边生长按钮
前言：哈喽，大家好，今天给大家分享html+css绚丽效果！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦
2024-07-06从零开始的基于Django的Web开发
目录前言工具的准备调用文心一言实现作文评分参赛感悟前言暑假刚刚放假，在家里睡了两天（弥补了期末周的歇斯底里）突然想写点东西，正好趁着这时间，我总结下自己寒假做的系统。在讲开发前，我想先介绍下这个项目的出身。当时和同学组队参加服务外包大赛，我们选了百度的A01题，调用
2024-07-01HTML5+CSS3集训（14）
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>p180</title></head><body><divclass="container"><divclass="top"
2024-05-21css小三角文字平移加旋转
<viewclass="sanjiao"><viewclass="slanted-text">饿了么</view></view> /*三角*/.sanjiao{width:0;height:0;border-left:40pxsolidtransparent;border-right:40px
2024-04-10简单的网页登录页面
实景图代码1<!DOCTYPEhtml>2<html>3<head>4<metacharset="UTF-8">5<metacontent="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"name="viewport">
2024-01-24无涯教程-CSS3 - 多列布局
CSS3可以将文本内容设计成像报纸一样的多列布局。一些最常用的多列属性，如下所示-Sr.No.Value&Remark1column-count 指定元素应该被分割的列数。2column-fill指定如何填充列3column-gap 指定列与列之间的间隙4column-rule所有column-rule-*属性的简
2023-12-10吸顶交互
要求浏览器在上下滚动的过程中，如果距离顶部的滚动距离大于78px，吸顶导航显示，小于78px隐藏步骤：准备吸顶导航组件<scriptsetup></script><template><divclass="app-header-stickyshow"><divclass="container"><RouterLinkclass="logo
2023-11-26加载按钮样式
加载按钮样式： #wait{width:40px;height:40px;border-right:3pxsolid#09F;border-top:3pxsolidred;border-left:3pxsolidyellow;border-bottom:3pxsolidgreen;border-radius:40px;-moz-border-radius:40px;
2023-11-06UniPageControl1的Tab高度调整(69)
.x-tab.x-tab-active.x-tab-inner-default{color:#FF0000!important;height:40px!important;line-height:40px}
2023-09-15less-嵌套样式
.box{width:500px;padding:20px;border:1pxsolid#666;border-radius:10px;//&符号代表上一层的选择器.父级&:hover{background-color:green;box-shadow:0020pxblack;}h2{font:40px/40px
2023-07-16css3动画之打字效果
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metaname="viewport"content="width=device-width,initial-scale=1.0"/><title>速度曲线步长</title>
2023-06-16css小技巧
文字水平垂直居中文字行高=盒子高<body><div>文字垂直居中</div></body>div{height:40px;width:250px;font-size:16px;background-color:aqua;line-height:40px;text-align:center;}效果：
2023-06-15顶部导航
<!DOCTYPEhtml><html><head><metacharset="utf-8"><metaname="author"content="http://www.softwhy.com/"/><title></title><styletype="text/css">*{margin:0;
2023-05-08固定定位
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatib
2023-03-24进度条3
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>拖动条</title><style>*{padding:0;margin:
2023-03-11HTML——day12
简洁版小米侧边篮：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi
2023-02-143d按钮实现
以上的效果都来自于css3废话不多说，代码如下点击查看代码div{width:100px;height:40px;background-color:#1a5bd4;position:absolute;
2023-02-02大屏文字滚动效果
<html> <head> <scriptsrc="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script> <styletype="text/css">
2023-01-03jQuery 加入购物车弹窗
功能介绍：1.点击按钮，出现弹窗，和蒙版2.购物车数量显示1件商品3.点击右上角关闭按钮，关闭弹窗，蒙版消失4.点击继续购物按钮，弹窗消失，蒙版消失5.点击去购物车按钮，跳转页面6.点击蒙
2023-01-03jquery选项卡
功能介绍：1.鼠标划过当前按钮，当前按钮变色2.对应图片展示3.鼠标划过其他按钮，对应图片出现，其他按钮变回原色，其他图片隐藏所有代码：<!DOCTYPEhtml><htmllang="en"><head><
2022-12-25CSS画一个三角形
前言在前端开发的时候，我们有时候会需要用到一个三角形的形状，比如地址选择或者播放器里面播放按钮。通常情况下，我们会使用图片或者svg去完成三角形效果图，但如果单纯使用css
2022-12-15点击按钮平滑回到顶部
html：<divid="scroll-to-top"class="scroll-to-top"> <spanclass="iconion-ios-arrow-up"></span></div>css:.scroll-to-top{p