40px

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
2022-11-27css五彩导航栏设计
1.将行内元素转换为行内块元素，display：inline-block；2.文字水平垂直居中，text-align：center； line-height：40px；
2022-11-10calc()使用方法
在开发的过程中，常常会遇到头部高度是40px，而内容页是除去头部，占满视窗的整个高度，有时候是用js来处理，现在用css的calc是非常方便的:.container{ height: calc(100%
2022-11-03clip-path属性深入理解与使用
clip-pathCSS属性可以创建一个只有元素的部分区域可以显示的剪切区域。区域内的部分显示，区域外的隐藏。clip-path的属性值可以是以下几种：1.inset；将元素剪裁为
2022-10-20Typora设置代码块Mac风格三个圆点
写作不停，美化不止！mac小圆点效果原本代码块样式就挺....干净的，光秃秃的，太单调了：是吧很丑，于是自己发挥改成了这样：好吧还是太单调，也没好看到哪里去，于是隔了两天又重新
2022-10-13css面试题大全（持续更新）
介绍一下css的盒子模型？css盒子模型详解css选择符有哪些？css3新增伪类有那些？元素选择符与关系选择符属性选择符伪类选择符,CSS3新增伪类伪对象（伪元素）选择符css那些属性