一、这一节讲解的是背景图片开始的位置也是可以设置的： background-orgin:数值值； 这里的属性值就是开始的位置，可分为： padding-left（默认）；content-box；border-box <style> *{ margin:0; padding;0; } ul li{ l ...
分类：
Web程序 时间：
2020-04-01 00:54:42
阅读次数：
100
响应式布局中宽度与高度相同 纯css方法设置ul中li宽高相等 关键词：VW / VH vw：视窗的宽度 vh：视窗的高度 思路：根据vw获取视图宽度从而设置li的宽度等于高度 代码： <li> <div class="test"> <img src="../images/hm1.png" alt= ...
分类：
Web程序 时间：
2020-03-31 22:46:39
阅读次数：
489
最近公司做项目开发中用到了验证码实现功能，将实现代码分享出来， 前段页面实现代码： <ul> <li><label>验证码：</label></li> <li> <div> <input type="text" name="validateCode" class="login_input" valu ...
分类：
编程语言 时间：
2020-03-31 22:44:24
阅读次数：
85
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{margin: 0;padding: 0;} ul,li{list-style: none;} img{border: none;} #scr ...
分类：
其他好文 时间：
2020-03-31 14:36:56
阅读次数：
62
当鼠标指示外框时显示隐藏内容 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{margin: 0;padding: 0;} ul,ol,li{list-style: none;} a{tex ...
分类：
其他好文 时间：
2020-03-31 14:20:42
阅读次数：
76
运用运动框架进行多图片展开收缩的实例展示 在展示时未插入图片用ul li 来代替 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>多图片的展开收缩</title> <style type="text/css" ...
分类：
其他好文 时间：
2020-03-30 21:25:49
阅读次数：
85
在components中分别创建4个组件 Menu、 MenuItem、 ReSubMenu、 SubMenu // Menu.vue代码 <template> <ul> <slot></slot> </ul> </template> <script> export default { name: ...
分类：
其他好文 时间：
2020-03-30 16:25:19
阅读次数：
81
<div> <ul v-if="true"> <li></li> <li></li> <li></li> </ul> <ul v-else="false"> <li> <img src="../images/icon.svg"> </li> </ul> ...
分类：
其他好文 时间：
2020-03-30 10:01:12
阅读次数：
259
const app = document.getElementById('app'); app.innerHTML = ` <h1>JavaScript DOM</h1> <ul id="list"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> ...
分类：
编程语言 时间：
2020-03-30 09:46:38
阅读次数：
79
举个例子ul li适配屏幕，如果加个border:1px，不用border-content得情况下,每个li多加了2px： <ul><li></li><li></li><li></li><li></li></ul> <style> ul{ width:100% list-style:none} ul ...
分类：
Web程序 时间：
2020-03-29 10:56:30
阅读次数：
66
