list-style

【JS案例】JS实现图片放大镜功能

CSS样式实现思路具体实现1.初始化数据图片2.获取所需DOM元素3.初始化页面初始化缩略图绑定事件完整代码写在最后效果展示HTML结构DocumentCSS样式*{margin:0;padding:0;list-style
G_ing·2023-09-02 02:38

【html基础标签】列表（无序列表
    ，有序列表
      ，自定义列表
      ）

3.修改小圆圈图案，在css里设置list-style，如果不想显示图案，设置list-style:none即可。图1-3修改无序列表图案图1-4修改为方形后的效果二、有序列表图2-1有序列
梦里看星·2023-09-01 19:32

2019-04-17

京东汽车/*公共样式*/*{margin:0;padding:0;}li{list-style:none;}a{text-decoration:none;}.nav{width:1200px;/*border
Yscum·2023-08-31 10:15

2018.8.3

轮播*{margin:0;padding:0;}li{list-style:none;}a{text-decoration:none;}.box{width:640px;height:426px;margin
喜欢暗杠·2023-08-31 01:51

【项目】仿IOS时钟

1.图片展示（表针是转的，哭唧唧）2.HTML仿手机时钟123456789101112-->3.CSS@CHARSET"UTF-8";body,ul{margin:0;padding:0;}li{list-style
邵神仙·2023-08-30 06:37

css实现自适应伸缩九宫格

百分比是父级宽度Document*{margin:0;padding:0;}.container{display:flex;flex-wrap:wrap;justify-content:space-around;list-style
Indomi·2023-08-30 04:41

自适应分辨率导航切换效果

image.pngDocument*{margin:0;padding:0;font-size:12px;}ul{list-style:none;}.slider{/*width:760px;*/width
废弃的种子·2023-08-29 17:46

轮播

*{margin:0;padding:0;}li{list-style:none;}a{text-decoration:none;}.box{width:640px;height:426px;margin
任仪凡·2023-08-29 17:13

html列表处理技巧,菜单或新闻列表最后一项的css处理小技巧:not(:last-of-type)

原来的实现方法如下:.posts{list-style:none;ma
易车·2023-08-29 12:33

css-伪类:not实现列表最后一项没有样式

111111111111211111111111311111111111411111111111css://给该列表中除最后一项外的所有列表项加一条底边线ul>li{width:8%;color:#36a592;list-style
Stitch_xiao·2023-08-29 12:26

JQ-可见性选择器

可见性选择器body{background-color:#e6fbff;color:#000;font-size:20px;padding:030px;}li{list-style:none;}a{color
挥剑斩浮云·2023-08-29 02:34

JS第二十一天

导航条变色*{margin:0;padding:0;box-sizing:border-box;}li{list-style:none;}a{text-decoration:none;}ul{width
三七_3eca·2023-08-28 16:38

【CSS】轮播图案例开发 ( 基本设置 | 子绝父相 | 浏览器水平居中 | 圆角设置 | 绝对定位居中设置 )

代码示例:Banner轮播/*取消浏览器或者其它标签的默认的内外边距*/*{margin:0;padding:0;}/*取消列表样式主要是取消列表的小圆点*/li{list-style:none;}/*
song19990524·2023-08-28 08:06

移动端布局

百分比布局第二：弹性盒子第三：相对单位移动端适配image.png百分比布局一根据父节点的大小来计算:%练习:1：制作基本布局，2：制作响应式图片*{padding:0px;margin:0px;}ulli{list-style
不付好时光·2023-08-27 00:25

HTML全局样式设置

none;color:#333;}a:hover,a:visited,a:link,a:active{color:#333;//设置使所有a标签的四种状态都和本身颜色保持一致，样式代码自己写}ul,ol{list-style
C先生20190721·2023-08-25 15:22

JavaScript19

1.仿微博发表评论1)css样式*{margin:0;padding:0;}a{text-decoration:none;}input{border:0;}li{list-style:none;}.container
Polaris_L·2023-08-25 12:54

css常用初始化样式

MicrosoftYaHei';}body{font-size:14px;font-family:'微软雅黑';background-color:#F4F6F9;position:relative;}ul,li{list-style
邱先生~·2023-08-24 13:33

用javascript做出剪切效果

今天我们来学习如何用javascript做出网页中的剪切效果剪切板*{margin:0;padding:0;list-style:none;}#box{width:400px;margin:100pxauto
冯瘦瘦Plus·2023-08-24 10:25

2018-08-28

点击导航栏内容变*{margin:0;padding:0;}li{list-style:none;}a{text-decoration:none;}.container{width:600px;margin
社会佳·2023-08-24 03:55

简易table选项卡制作

tab选项卡*{margin:0;padding:0;list-style:none;}button.active{background:#145;}div{width:100px;height:100px
ChrisP3_54e0·2023-08-23 05:09

jQuery 前端操作

td{padding:0;margin:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}ul,li{list-style
yaganblw·2023-08-23 03:42

用jquery实现简易版标签的增删改查

第一步放几个盒子，应该用来编辑标签，一个用来显示可选标签aaabbbccc获取标签第二步，写css样式（我这个简易版的就随便写写，需要的可以自定义好看的样式）*{padding:0;margin:0;}ul{list-style
一只小丫丫·2023-08-21 19:58

原生JS实现二级联动

1、代码image.pngerjiliandong.css*{margin:0;padding:0;}li{list-style:none;display:flex;display:-webkit-flex
笑才·2023-08-21 01:45

列表属性样式

列表属性属性名称中文注释备注list-style作用与ul标签身上的type属性相同，用于设置列表前面的点的样式disc实心圆，circle空心圆，square实心方块，none去掉
码仆的逆袭·2023-08-20 21:01

css实现九宫格布局的几种方案

实现效果如下：首先，定义好通用的HTML结构：123456789//公共样式：ul{padding:0;}li{list-style:none;text-align:center;border-radius
捂耳听枫·2023-08-19 09:51

测试题（实操）

测试题（实操）完成以下练习题，示例如下：初始代码如下：Document*{margin:0;padding:0;}li{list-style:none;}.wrapper{width:200px;margin
小李科技·2023-08-18 17:33

21

}#menu{width:210px;height:468px;background:#C81623;position:relative;left:70px;top:120px;}#menuulli{list-style
Unlash·2023-08-17 23:20

原生JS 简易弹幕打字小游戏

Document*{margin:0;padding:0;box-sizing:border-box;list-style:none;}.view{width:100%;height:300px;border-bottom
意面秋刀鱼·2023-08-17 12:43

按钮练习

H5CSS*{padding:0;auto:0;list-style:none;}.bg{width:42px;height:30px;background-image:url(image/tu.png
Vicky_4414·2023-08-17 07:14

JQ-内容伪类选择器

内容伪类选择器body{background-color:#e6fbff;color:#000;font-size:20px;padding:030px;}li{list-style:none;}a{color
挥剑斩浮云·2023-08-16 01:49

css 写步骤样式

css:.status-bar{margin:0;padding:0;list-style:none;display:table;width:800px;border-radius:1px;overflow
·2023-08-15 18:14

H5 导航栏示例

效果源码.navbar__item{list-style:none;padding:0;margin:0;float:left;display:block;width:120px;background-color
林一怂儿·2023-08-14 10:01

手风琴效果

Document.box{width:1200px;margin:0auto;}.box_content{width:100%;list-style:none;display:flex;justify-content
禾苗种树·2023-08-13 10:17

原生JS 拖拽DEMO

HighLight*{margin:0;padding:0;list-style:none;box-sizing:border-box;}html,body{height:100%;position:relative
意面秋刀鱼·2023-08-12 16:31

sticky 粘性布局

sticky是粘性布局，他是结合positiong:relative和potion:fixed；这两种定位于一体的特殊定位效果图效果.gif怎么用sticky*{margin:0;padding:0;}li{list-style
柒到彩虹·2023-08-12 14:23

前端二面常考手写面试题（持续更新中）

实现一下hash路由基础的html代码：html,body{margin:0;height:100%;}ul{list-style:none;margin:0;padding:0;display:flex
helloworld1024z·2023-08-11 16:18

Day6: 0315盒子模型，margin拖拽属性，box-sizing属性

0315盒子模型*{/*清除默认样式*/margin:0;padding:0;}li{list-style:none;}body{width:0atuo;}.box,.box2{width:200px;
m0_45442261·2023-08-11 07:19

DAY7:引入外部样式；浮动清除浮动，图像和文字在一行；导航栏

*{padding:0;margin:0;list-style:none;}ul,ol,dl{padding:0;margin:0;}li{list-style:none;}h1,h2,h3,h4,h5
m0_45442261·2023-08-11 07:19

导航条变色

*{margin:0;padding:0;}li{list-style:none;}a{text-decoration:none;}.skin{margin-top:50px;}.skin>li{width
哇塞薛之谦·2023-08-11 05:36

三种方法实现tab栏切换（CSS方法、JS方法、Vue方法）

display:flex;border-bottom:2pxsolid#e01222;padding:010px;}li{width:100px;height:50px;line-height:50px;list-style
早八睡不醒午觉睡不够的程序猿·2023-08-09 14:53

JS实现轮播图

话不多说我们直接看代码：这是css部分，进行了简单的样式操作接下来就进入js阶段：运行结果如下：在这小编把代码直接发给大家，仅供参考：轮播图*{margin:0;padding:0;list-style
码豆前端工程师·2023-08-09 07:50

数据显示到页面js

300px;margin:0;padding:0;}.item{border-bottom:1pxsolid#999;width:300px;height:60px;text-align:center;list-style
陈庆香·2023-08-09 01:10

尝试模仿别人的网站

学了几天的HTML尝试写一下模仿一下网易云音乐的网站，一、代码DaoHang*{margin:0;padding:0;}ul{list-style:none;}nav.menu{width:100%;height
tang_jun_yi·2023-08-06 18:59

js实现全选

注意：必须使用DOM0级标准事件（onchange）ul{list-style:none;}全选JavajavaScriptC++python.netvarall=document.quer
yqdidy·2023-08-05 08:46

vue选项卡效果

css部分*{padding:0;margin:0;}.list>li{list-style:none;width:100px;height:70px;float:left;text-align:center
王wl·2023-08-05 07:18

添加评论和发布

Document*{margin:0;padding:0;list-style:none;}.wrap{width:900px;margin:0auto;/*background-color:rebeccapurple
迟_·2023-08-04 17:34

js 列表的添加，删除和修改

Document*{margin:0;padding:0;list-style:none;}.wrap{width:760px;margin:0auto;/*border:1pxsolidblack;*
迟_·2023-08-04 17:33

你能看得懂的二级水平导航菜单教程~v~

效果图如下：2.CSS样式实现代码如下：ul{margin:0;padding:0px;}ulli{height:30px;width:115px;list-style:none;float:left;
枫晨QL·2023-08-04 15:45

Vue [Day2]

click.stop@事件名[email protected]#app{margin:50px50px;}*{box-sizing:border-box;margin:0;padding:0;list-style
珊珊而川·2023-08-03 17:57

flex布局 筛子

Documentbody{background-color:skyblue;}ul{background-color:whitesmoke;list-style:none;padding:0;width
悟空你又瘦了·2023-08-02 07:59
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他