list-style

html ul点击删除,用原生实现点击删除点击的li

简单的实现方式#button{display:inline-block;}ul{list-style:none;}li{background-color:red;display:inline-block
weixin_39993454·2024-09-15 09:45

无缝滚动、ajax

无缝滚动无缝滚动body,ul,li{margin:0;padding:0}ul{list-style:none;}.slide{width:500px;height:100px;border:1pxsolid
时光清浅_许你心安_·2024-09-05 10:11

筋斗云效果

*{margin:0;padding:0;list-style:none;}body{background:peachpuff;}.nav{width:800px;height:42px;/*background
花开富贵城·2024-09-01 02:21

案例19-站长之家导航

延迟菜单*{padding:0;margin:0;}li{list-style:none;}#nav{width:500px;height:36px;padding:010px;background:url
kino2046·2024-08-29 00:26

重塑列表美学：CSS `list-style` 属性的魔法

重塑列表美学：CSSlist-style属性的魔法摘要CSS的list-style属性是控制列表项标记样式的强大工具。
2401_85842555·2024-08-26 09:39

使用JavaScript写拖拽案例

css代码：*{margin:0;padding:0;list-style:none;}#box{width:100px;height:100px;background-color:hotpink;position
诶呦我那个暴脾气·2024-03-17 20:31

css3-水波浪球起伏效果

body样式css样式*{margin:0;padding:0;list-style:none;}html,body{width:100%;height:100%;}body{display:grid;
正在修炼web的小芮·2024-03-10 01:56

无缝滚动

章javascript第6章javascript第7章javascript第8章javascript第9章javascript第10章设置css样式：*{margin:0;padding:0;}ul{list-style
吃肉肉不吃肉肉·2024-03-07 19:58

简单的轮播图实现

*{margin:0;padding:0;}li{list-style:none;}img{vertical-align:top;}.box{width:730px;height:454px;padding
小透明进击战·2024-03-07 15:02

前端实现页面水印

Document*{box-sizing:border-box;list-style:none;}html{margin:0;padding:0;}body{margin:0!
修复bug·2024-02-28 22:36

利用原生js实现简易照片墙

效果演示基本布局css样式*{margin:0;padding:0;}html,body,ul{width:100%;height:100%;}#pic{position:relative;list-style
魅美·2024-02-20 08:40

基于Echarts的可视化项目

清除元素默认的内外边距*/*{margin:0;padding:0;box-sizing:border-box;}/*让所有斜体不倾斜*/em,i{font-style:normal;}/*去掉列表前面的小点*/li{list-style
M大王派我来巡山·2024-02-19 19:30

css学习：轮播图

轮播图写法一：定位Document*{padding:0;margin:0;list-style:none;text-decoration:none;}#wrap{width:590px;height:
比尔盖茨接班人班长·2024-02-15 01:36

JS特效第128弹：超流畅漂亮的图片3D旋转滚动JS特效代码

非常适合产品图片滚动切换展示以及各种产品图片的场景应用，可上下图片倒置切换，滚动非常流畅，先来看看效果：一部分关键的代码如下：超流畅漂亮的图片3D旋转滚动JS特效代码-JS代码网*{margin:0;padding:0;list-style
马coder·2024-02-14 14:03

导航条练习

30pxauto;padding:0px129px;}.nava{text-decoration:none;font-family:"微软雅黑";color:#333;font-size:14px;}.list{list-style
Alice丨殇·2024-02-13 14:29

html5-伸缩菜单案例

Title*{padding:0;margin:0;}div{width:500px;height:400px;border:1pxsolid#ccc;margin:100pxauto;}div>ul{list-style
AssertDo·2024-02-12 11:55

世界杯梦幻联动.html

世界杯梦幻联动.html世界杯梦幻联动body{font-size:12px;color:#333;}body,ul,li{padding:0;margin:0;list-style:none;}#head
小阴每天打代码·2024-02-12 11:46

2019-08-15 jQuery--第二天

图片.png---学习视频是黑马程序员pink老师的教学视频3.2jQuery样式操作3.2.3案例：tab栏切换案例jQuery*{list-style:none;}.tab_list{display
棘菀·2024-02-12 00:57

css 边框动画

一个css边框动画，感兴趣的可以看看Document*{margin:0;padding:0;list-style:none;--transition-duration:500ms;}.box{width
·2024-02-11 18:44

CSS综合案例——制作新闻快报模块

所需注意：要去掉li前面的项目符号（小圆点），语法是：list-style:none;这个新闻快报小模块的代码：<metaname="viewport"content="w
我吃饭很慢.·2024-02-10 03:39

2019-04-06

CSS导航栏代码如下：导航条*{margin:0;padding:0;}a{color:#333;text-decoration:none;}ul{list-style:none;}nav{width:
蓝子_23d0·2024-02-10 02:10

导航条练习

作业2导航一*{margin:0px;padding:0px;}.nav{width:960px;height:42px;margin:50pxauto;list-style:none;border:1pxsolidblack
鬼会画符·2024-02-10 02:58

分页

text-decoration:none;background-color:gold;color:black;font-size:12px;padding:5px10px;margin:03px;}.list{list-style
九妄_b2a1·2024-02-09 19:53

无缝移动，input框和其它事件，bine绑定事件，自定义事件，鼠标移入移出

无缝滚动body,ul,li{margin:0;padding:0}ul{list-style:none;}.slide{width:500px;height:100px;border:1pxsolid
发报员有问题私小鹏·2024-02-09 06:27

手风琴案例

手风琴案例*{margin:0;padding:0;}img{display:block;}ul{list-style:none;}.king{width:852px;margin:100pxauto;
与月儿漫邀·2024-02-08 13:53

CSS中li标签去除小圆点

去掉li标签前的项目符号（小圆点）list-style:none;品优购快报的案例如下：新闻快报模块*{margin:0;padding:0;}li{/*去掉li前面的小圆点*/list-style:none
相信光的奥特王小懒·2024-02-07 22:37

HTML小案例

穿越火线li{/*去掉列表前面的小黑点*/list-style:none;}table{/*100%内容撑满整个屏幕*/width:100%;/*文字居中*/text-align:center;}穿越火线游戏简介背景设定角色设定武器装备游戏评测
满分观测网友z·2024-02-07 09:06

css第四天

怎么去掉li前面的圆点list-style:none；去掉行内块之间的空白符边框与阴影border边框圆角边框border-radius:10px(圆半径的弧度)；等于正方形边框的一半就是圆形圆角矩形高度的一半左上是
59eeccf98e38·2024-02-07 08:13

JavaScript---实现标签栏切换

效果图-------点击左边标签栏实现右边空白处切换css#list{list-style:none;}#largebox{width:600px;height:350px;}#leftbox{width
鞠婧祎yamy·2024-02-06 22:45

react实现tab切换

ul{display:flex;justify-content:space-around;}.active{color:red;text-decoration:underlinegray;}ulli{list-style
鞠婧祎yamy·2024-02-06 22:15

列表

ulli（块元素）2.有序列表olli（块元素）3.定义列表dldt（被定义的内容）dd（对定义的内容描述）1.武大官人潘小娘子西门大官人武二官人一共有三种样式可以用type来取代取消样式在样式下写ul{list-style
优秀的人A·2024-02-06 09:00

2021-08-21 今日练习

Document#box{border:5pxsolid#999;width:600px;margin:0auto;height:350px;overflow:hidden;}ul,ol{list-style
小胖子_d7d8·2024-02-06 03:13

2019-06-01

css*{padding:0;auto:0;list-style:none;}.bg{width:42px;height:30px;background-image:url(image/tu.png);
陈_066c·2024-02-05 06:10

css常用公共样式配置（pc端）

,span,h1,h2,h3,h4,h5,h6,dl,dd,dt,form,input,textarea,select，option{padding:0;margin:0;color:red;}li{list-style
qq_42208679·2024-02-04 10:06

PC端常用公共样式

格式化样式*/h1,h2,h3,h4,h5,h6,p,body,div,form,input,button,th,td,ol,ul,dl,li,dd,dt{margin:0;padding:0;}ol,ul{list-style
愉快的小跳蛙·2024-02-04 10:03

判断元素是否在视口内

判断元素是否在视口内ulli{list-style:none;padding:20px}li:nth-child(even){background:green}li:nth-child(odd){background
w晚风·2024-02-03 09:08

一个好看的底部导航栏效果

底部导航栏/*清除一些默认样式*/*{margin:0;padding:0;box-sizing:border-box;list-style:none;}a{text-decoration:none;/
永不满足的求知者·2024-02-03 02:27

简单万年历实现

并实现备忘录的更新项目目标：用简洁的代码实现美观且通顺的需求二、项目逻辑有一张万年历用无序列表实现每一个月份的排序遍历所有的月份，进行active的设置换月份实现同步换备忘录三、项目实现1.style*{margin:0;list-style
吖Sunday·2024-02-02 20:27

寒假学习记录8：form和label

functiononSearch(e){e.preventDefault();console.log(document.querySelector(".input").value)}labelDocumentli{list-style
博丽七七·2024-02-02 04:21

使用mock模拟数据，实现图片文字向上的轮播

CSS代码：*{padding:0;margin:0;}.div{height:52px;width:730px;overflow:hidden;margin:0auto;}li{list-style:
zcs123ok·2024-02-01 16:22

黑马程序员前端web入门：新浪新闻

黑马程序员前端web入门：新浪新闻几点学习到的：设置li无圆点:list-style:none;设置a无下划线：text-decoration:none;a属于行内元素，高度hegiht不起作用，可以设置
卡布达吃西瓜·2024-02-01 10:41

JS和CSS实现的原生轮播图

Document*{margin:0;padding:0;list-style:none;}.cardBox{width:600px;height:300px;box-shadow:0010pxgray
她说她一如既往的爱我·2024-01-31 13:00

常见布局方式和CSS初始化学习

正好压住相邻盒字边框鼠标经过某个盒子的时候，提高当前盒子的层级即可（如果没有定位，则加相对定位（保留位置）如果有定位，则加z-index）ulli{position:relative;float:left;list-style
Root_src·2024-01-31 01:05

Day25-CSS常见布局技巧+CSS初始化

CSS技巧ulli{float:left;list-style:none;width:150px;height:200px;border:1pxsolidred;margin-
ian燃.·2024-01-31 01:03

CSS布局技巧和CSS初始化

CSS初始化margin负值巧妙运用两个盒子的边框都是1px,如果加了浮动,两个盒子相交的边框就会变成2px,可以给一个margin负值,让两个盒子重叠.Documentulli{float:left;list-style
学习中的小菜鸟.·2024-01-31 01:33

简易年历 -- 月份切换

简易年历.gif简易年历--月份切换*{margin:0;padding:0;border:none}ul,li{list-style:none;}#box{width:220px;height:350px
GHope·2024-01-31 00:48

【css】自定义列表项标记（图片、符号、表情）

1.列表项标记是图片ul{li{list-style:none;padding-left:20px;/*设置左边距，以容纳图标*/display:flex;align-items:center;/*使小图标和文字高度对齐
白桃与猫·2024-01-30 18:25

vue中动态生成li，并且选中的li动态改变背景色

titleli{list-style:none;cursor:pointer;width:300px;}.bg{background-color:red;color:#fff;}{{item}}newVue
IT小白3·2024-01-30 14:31

ajax图文列表加载数据加入懒加载与onerror

css部分*{margin:0;padding:0;border:0;}ul{list-style:none;}.bOx{width:1200px;margin:20pxauto;}.listli{line-height
闲来无事垂钓·2024-01-29 05:30

企业公司门户网站团队页面设计（三维旋转轮播图片，html+css静态实现，响应式布局，带源码）

首页合作案例服务团队联系我们中文/Englishnavbar.css*{margin:0;padding:0;box-sizing:border-box;font-family:'OpenSans',sans-serif;}li{list-style
鸡鸭扣·2024-01-28 22:30
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他