list-style

前端实例-小米商城案例

实现结果实现代码小米商城案例/*本案例使用到li，所以在样式开始之前需要清空内外边距以及li自带的圆点样式*/*{margin:0;padding:0;}li{list-style:none;}/*下面是布局的大框架
慕慕和小绵羊·2023-04-09 22:58

banner轮播图

banner轮播*{margin:0;padding:0;outline:none;border:0;vertical-align:baseline;}li{list-style:none;}a{color
张大超Charlie·2023-04-09 19:51

javascript购物车案例

今天在这里给大家分享一个购物车案例以某药品为例，如有侵权，还请于小编联系1.css代码*{margin:0;padding:0;font-family:"楷体";list-style:none;color
赤诚&·2023-04-09 14:43

css 的 2D变形（transform）:translate、scale、rotate、skew实现“折叠”界面

rotate()、rotateX()、rotateY()缩放属性：scale()、scaleX()、scaleY()倾斜属性：skew()、skewX()、skewY()完整css代码部分：.rules{list-style
lt_1111·2023-04-09 00:42

js基础编程-题目27 抽屉动画drawer

如果大家觉得有用，别忘了点一下赞哦css3用css3写一个drawer抽屉从下到上的动画视频链接：链接html部分菜单内容1内容2内容3内容4css部分body,ul{margin:0;padding:0;}ul{list-style
柳晓黑胡椒·2023-04-09 00:38

JQ-基本选择器

基本选择器body{background-color:#e6fbff;color:#000;font-size:20px;padding:030px;}li{list-style:none;}a{color
挥剑斩浮云·2023-04-08 20:13

深圳乐创互联科技有限公司 - (web前端开发工程师机试题)

web前端开发工程师机试题面试要求可查看上方链接效果图代码css:*{margin:0;padding:0;list-style:none;text-decoration:none;}#app{width
邢帥兵_·2023-04-08 18:02

复习CSS - 五

相关的知识点PS基本操作PS基本操作：image.png常规通用css大多数CSS都需要包含如下通用属性：*{margin:0;padding:0;}a{text-decoration:none;}li{list-style
kami1983·2023-04-08 15:22

tab栏点击切换两种实现方法（原生js和vue方式）

500px;/*height:700px;*/border:1pxsolid#000;margin:100pxauto;}.container>ul{background-color:skyblue;list-style
last Dances·2023-04-08 07:10

面向对象的选项卡案例

Document*{margin:0;padding:0;}.box{width:600px;height:300px;border:5px#000solid;margin:50pxauto;}ul,ol,li{list-style
圆滚滚大煤球·2023-04-07 19:21

功能实现：右键菜单

功能实现：右键菜单*{margin:0;padding:0;list-style:none;}.box{width:400px;height:400px;border:2pxsolid#ccc;position
是阳仔啊·2023-04-07 15:35

侧边栏(HTML+CSS+JS)

侧边栏*{margin:0;padding:0;}ul{list-style:none;}.sidebar{position:fixed;top:0;width:300px;height:100%;border-left
xiangxiongfly915·2023-04-06 23:36

移动端底部导航

padding:0;}footer{border-top:1pxsolid#999;background:#333;width:100%;position:absolute;bottom:0px;}ul{list-style
Gaochengxin·2023-04-05 08:50

第七周第四天笔记之花瓣网实例

花瓣网实例花瓣网实例*{margin:0;padding:0;list-style:none;}div{width:1250px;margin:10pxauto;overflow:hidden;}divul
果木山·2023-04-04 08:26

jquery左侧分类导航菜单（左右分开导航）

microsoftyahei';overflow:hidden;background:#fff;}.w{width:1200px;margin:0auto;}a{text-decoration:inherit;}a,li{list-style
world_7735·2023-04-03 22:28

Web前端学习——第四次作业（学校官网）

font-size:24px;}body{font-family:'siyuan_Normal',sans-serif;font-size:18px;}ul,li{margin:0;padding:0;list-style
昵称能吃吗？·2023-04-03 18:00

CSS 三列平分

text-align:center;}.main{width:1200px;height:200px;margin:0auto;background:black;position:relative;}ul{list-style
最骚的就是你·2023-04-03 05:46

HTML学习-14天天生鲜项目

以写入相关样式来对其进行重置1.代码/*将标签默认的间距设为0*/body,p,h1,h2,h3,h4,h5,h6,ul,dl,dt,form,input{margin:0;padding:0;}/*去掉默认的小圆点*/ul{list-style
.GRIT.·2023-04-03 00:02

前端面试,看这些就够了！

s1.css中display的属性有几种，分别是什么；none,inline,block;2.css中list-style的属性有几种，分别是什么:list-style-type：list-style-position
暴躁肥猫·2023-04-02 19:24

vue 简单的 calendar-日历组件

如何使用vue编写一个简单的日历组件直接先把我的代码贴上1.CSS*{margin:0;padding:0;list-style:none;font-size:16px;}#calendar{width
Wang_young_coder·2023-04-02 06:38

web前端入门到实战：css如何玩转有序无序列表项list样式

在有序列表ol>li中，前面默认带有数字，如何修改列表前面的项目符号，只需要通过list-style调整就好，常见的符号有（/内容注释部分/）list-style-type:circle;/空心圆/list-style
大前端世界·2023-04-02 04:51

案例：下拉菜单

Document*{margin:0;padding:0;font:30px/90px"微软雅黑";}ul{list-style:none;}.wrap{width:1000px;height:1000px
kino2046·2023-04-02 01:06

json前后端交互

height:auto;border:1pxsolid#DEDEDE;}.main_Ul{float:left;width:100%;height:auto;border:1pxsolid#DEDEDE;list-style
青木川_·2023-04-01 12:05

css初始值

margin:0;padding:0;font-style:normal;font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif}ol,ul,li{list-style
冷小谦·2023-03-31 17:53

CSS3使用 Flex 和 Grid 分别实现布局

Demo源码地址Demo演示地址效果图image.png部分公用CSS代码(颜色和宽高)/*通用样式*/*{margin:0;padding:0;}li{list-style:none;}.c
Piszz·2023-03-30 21:33

div+css 纵向导航菜单及二级菜单弹出

color:#000;text-decoration:none;}a:hover{color:#F00;}#menu{width:100px;border:1pxsolid#CCC;}#menuul{list-style
janefir·2023-03-30 18:18

list-style和list-style-type的区别

list-style和list-style-type的区别在清除列表项的样式时，可能会设置list-style:none,或者list-style-type:none，发现两者的效果是一样的，他们的区别是什么呢
顾九七·2023-03-29 19:02

社会佳

导航条变色*{margin:0;padding:0;}li{list-style:none;}a{text-decoration:none;}.skin{margin-top:50px;}.skin>li
社会佳·2023-03-29 19:22

18js一个简单的轮播图

*{margin:0;padding:0;}ul,ol{list-style:none;}img{display:block;/*清除图片底册3像素缝隙*/}.slider{width:490px;height
An的杂货铺·2023-03-29 13:20

轮播

csshtml,body,div,ul,li{margin:0;padding:0;}ul,ol{list-style:none;}a{text-decoration:none;color:#000;}
lacduang·2023-03-29 07:24

h5轮播图大小自适应(touchslide)

引用jscss部分/*css重置*/body,p,input,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form{margin:0;padding:0;list-style:none
装在壳子里的刺猬·2023-03-27 21:48

08.js图片懒加载

Document*{margin:0;padding:0;list-style:none;}li{width:400px;height:400px;}img{width:100%;height:100%
HdLmj·2023-03-27 10:35

jquery之手写购物车

常利用到的方法：find(),filter(),forEach(),every()购物车*{margin:0;padding:0;list-style:none;}header{width:auto;height
弦生_a3a3·2023-03-27 08:17

2019-04-11 点击切换图片，及自动切换如片

ul{list-style:none;margin:0;padding:0;}body{background:#999999;}p{margin:0;padding:0;}#box1,#box2,#box3
果冻_4c9b·2023-03-26 10:30

案例二，点击隐藏，切换

一．点击按钮按钮左方内容隐藏，再点击出来例：Document*{margin:0;padding:0;list-style:none;}p{float:left;width:50px;height:30px
王哲胜·2023-03-25 15:30

css+jquery步骤进度条

progressbar.progress-wrap{margin-top:200px;padding:0px;width:100%;height:100px;}.progress-wrapli{margin-top:30px;list-style
timelessmemoryli·2023-03-25 14:29

Web前端开发实验（导航栏、购物页面）

导航栏：代码：ul{list-style:none;}#li1{background-image:url(img/bg1.png);}#li2{background-image:url(img/bg2.
憨憨猿学编程·2023-03-25 14:42

vue：选项卡效果 和 小数点保留后两位效果

margin:0;box-sizing:border-box;}.app{width:500px;margin:100pxauto;}ul{overflow:hidden;width:450px;}li{list-style
辞苏·2023-03-25 12:22

vue常用案例

relative;}ul{width:300px;display:flex;justify-content:space-between;}ulli{border:1pxsolid#000;padding:10px;list-style
致自己_cb38·2023-03-25 05:10

弹性布局多列换行居左布局,flex布局下两端对齐，不满左对齐

实现效果：li{list-style:none;}.List{width:100%;box-sizing:border-box;display:flex;justify-content:space-between
猫儿念你·2023-03-23 17:58

轮播图插件基于大神的代码，进行优化。

在上一篇文章基础上优化后的代码，主要是删掉了不必要的第一张前面的那张图片首尾无缝衔接轮播图*{margin:0;padding:0;}ul,li{list-style:none;}.wrapall{overflow
LilyLaw·2023-03-23 05:05

js实现下拉菜单

*{margin:0;padding:0;list-style:none;}#con{width:400px;margin:100pxauto;}#conulli{float:left;width:100px
JSONYUAN·2023-03-23 03:41

一个比较棒的html列表自定义方式

jpgA：如下所示ol{counter-reset:lt}li{list-style:none;}li::before{content:"("counter(lt)")";counter-increment
BGBM·2023-03-22 14:06

ul、ol、dl列表

ul（无序列表）、ol（有序）其子标签都是li，dl（定义）子标签dt（被定义的元素）和dd（元素的定义）一般不设置列表样式时都是根据浏览器默认样式显示，设置列表快捷方式list-style项目符号样式
猿分让我们相遇·2023-03-22 14:34

sass嵌套的写法

1.一般情况的嵌套sass的嵌套主要解决的就是需要多层来选择的dom元素，不需要重复选择相同的层级例：style.scss文件.nav{height:50px;width:100%;ul{list-style
最爱喝龙井·2023-03-22 14:05

CSS绘制猫猫

CSS绘制猫猫的效果如下：CSS绘制猫猫下面是完整代码，get起来吧～浪漫的程序员可以多绘制一些其他图案，送给另一半哟～CSS绘制猫猫*{padding:0;margin:0;border:0;list-style
AriesMiki·2023-03-22 09:16

vue.js选项卡效果

选项卡代码如下：选项卡*{margin:0;padding:0;list-style:none;}.itany{width:600px;margin:30pxauto;}.ul1{width:600px
我真的是易晓辉·2023-03-22 07:52

js电商放大镜效果

imageDocument*{margin:0;padding:0;list-style:none;}.left{border-radius:3px;box-shadow:-10px10px7px#999
弦生_a3a3·2023-03-21 18:57

小米商城一部分

:left;}.oneul{margin:0;padding:0;}.oneli{width:80px;height:85px;background-color:rgba(95,87,80,0.7);list-style
记忆523·2023-03-19 23:03

跨域代码示例——模拟百度搜索

Document*{margin:0;padding:0;}ul{list-style:none;}input{border:0;outline:none;}.box{width:500px;height
lucky_n·2023-03-19 08:40
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他