list-style

图片和文字在一行垂直居中

图片给高度文本盒子不要给高度给他们都设置vertical-align:middle;美女-木马老师*{margin:0;padding:0;}body{font:14px'微软雅黑';color:#000;}ul{list-style
小牛呗·2020-08-26 16:51

HTML 和CSS进阶

中列表标签列表一般应用在布局中的新闻标题列表和文章标题列表已经菜单,他们是有语义的,标签结构如下:列表标题一列表标题二列表标题三一般配合链接a结构语句一起使用,点击链接到新闻或者文章的具体内容;列表相关样式中的list-style
郭大帅·2020-08-26 15:29

前端修炼——html、css进阶！

无序列表概念：用于垂直一列的显示数据分类：有序列表、无序列表、自定义列表无序列表的写法：特点：1、li标签一定要写到ul标签中2、无序列表可以进行嵌套3、无序列表默认的样式：右边有小黑点可以使用list-style
python_QYF·2020-08-26 14:46

html与css进阶

一般不用二、列表标签相关：新闻标题列表、文章标题列表、菜单要使用列表标签列表创建的快捷键：ul>(li>a{列表文字})*8多行操作：点击一行，然后按住alt键不放，再点击其他行，就可以选中多行列表标签样式：list-style
gc-757·2020-08-26 14:54

案例：下拉菜单

Document*{margin:0;padding:0;font:30px/90px"微软雅黑";}ul{list-style:none;}.wrap{width:1000px;height:1000px
kino2046·2020-08-26 13:25

实用的CSS代码片段

三角形列表项目符号ul{margin:0.75em0;padding:01em;list-style:none;}li:before{content:"";border-color:transparent
dae bal·2020-08-26 12:04

jQuery动画图片拖动排序效果

jQuery动画图片拖动排序效果*{margin:0;padding:0;list-style:none;}.item_contentul{list-style:none;}.item_contentulli
blank的小粉er·2020-08-26 11:35

JavaScript-轮播图

轮播图*{margin:0;padding:0;}li{list-style:none;float:left;}div{width:1226px;height:460px;position:relative
王超·2020-08-26 08:56

JavaScript-轮播图

轮播图*{margin:0;padding:0;}li{list-style:none;float:left;}div{width:1226px;height:460px;position:relative
王超·2020-08-26 08:55

form表单以json格式向后台传输

直接复制粘贴就可以Title*{margin:0px;padding:0px;}html,body,h1,form,fieldset,legend,ol,li{padding:0;margin:0;}ol{list-style
xgysimida·2020-08-25 17:29

Bootstrap模态窗口加载外部json文件数据

页面：li{list-style:none;}.modal-backdrop{display:none;}点击出现模态窗口×模态窗口姓名编号性别男女关闭保存js:$(function(){$("#myModal
飞向Hadoop·2020-08-25 17:28

Web前端学习心得重要知识点总结提醒

网页布局开始常用全局Css控制li{list-style:none}取消li前边的小点*{margin:0px;padding:0px}取消所有的内外边距。margin:auto;只是左
Wudide_xiaobai·2020-08-25 15:47

事件委托

事件委托.list{list-style:none;}.listli{height:30px;background-color:green;margin-bottom:10px;color:#fff;}
暴走的金坤酸奶味·2020-08-25 14:05

js笔记十之for循环练习

100pxauto;border:1pxsolid#ddd;}.numListli{height:36px;line-height:36px;text-align:center;font-size:20px;list-style
uplyw·2020-08-25 12:04

无序和有序列表的list-style-type 属性值

属性描述list-style简写属性。用于把所有用于列表的属性设置于一个声明中list-style-image将图象设置为列表项标志。list-style-position设置列表中列表项标志的位置。
tuke_tuke·2020-08-25 08:42

html和css进阶1

/当前目录的上一级目录绝对位置相对于磁盘位置去定位Documenthtml列表应用于:新闻标题的列表菜单文章标题创建:ul标签li标签Document.list{/*去掉列表的小圆点*/list-style
troysps·2020-08-25 08:41

作业新闻列表09-13

新闻列表*{margin:0;padding:0;}.box{width:600px;height:290px;border:1px#cdcdcdsolid;margin:50pxauto;list-style
zy小太阳·2020-08-25 08:24

px一键全部自动转换rem工具(pxtorem)

),那就可以按图示使用:完整源码:(直接创建html文件把如下代码复制进去即可)px转rembody{font-family:"\5FAE\8F6F\96C5\9ED1",Helvetica;}ul{list-style
庚中·2020-08-25 05:04

css元素高度随宽度变化

ul,li{list-style:none;margin:0;padding:0;}ulli{width:31%;margin-right:3%;float:left;margin-bottom:20px
xinlimian·2020-08-25 00:52

修改js确认框样式

,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}ul,ol,li{list-style
weixin_30399055·2020-08-24 23:26

导航菜单栏的子菜单隐藏

inline;/*导航菜单顶级菜单不换行*/width:155px;;/*保证宽度，不移动*/float:left;/*左对齐*/margin:0;padding:0;}.sub2{display:none;list-style
世纪殇·2020-08-24 21:03

js 图片的等比例缩放

等比例缩放标识：ul,li{margin:0;padding:0}ul,ol,li{list-style:none}#upPictureimg{max-height:160px;max-width:100px
成市风彩·2020-08-24 21:25

css :before :after的使用

项目中有时会遇到伪类，即:before，:after，如果要实现在每行文字的左右两边加上-就可以使用:before:afterhtml代码：我是li1我是li1ul{width:200px;}li{list-style
zhener09·2020-08-24 20:24

css中 :before ,:after 用法合集01(时间线）

css利用:before实现时间线先上页面效果：页面代码：ul{width:500px;height:auto;overflow:hidden;margin:100pxauto;list-style:none
御神木下的思念·2020-08-24 19:33

伪类元素创建一个导航的案例：::before :hover::before的用法为重点

40px;background-color:#ffd200;}.nav{width:560px;height:40px;margin:0auto;/*上下左右居中*/padding:0;}.navli{list-style
￥诸葛村夫￥·2020-08-24 19:28

伪类:before的妙用

先说个应用于li的场景，都知道在list-style:disc情况下，li的表现是这样的：1、间距大，虽然可以通过margin负值来调整2、圆点太大，不好看，不好调整大小，而且在谷歌/火狐上看起来有差异所以
_FEE·2020-08-24 19:28

原生JS实现的Tab

一通过事件代理监听ul,li{padding:0;margin:0;}li{list-style:none;}.clearfix:after{content:"";display:block;clear
从前慢pearl·2020-08-24 18:51

九宫格抽奖

jQuery实现九宫格抽奖支持随机、指定奖品概率50%、指定奖品、设置各奖品概率只实现了功能，还未组件化Documentul,li{list-style:none;padding:0}.wrapperbox
CSep27·2020-08-24 16:28

tap栏切换 js

Document电影综艺电视剧电影电视剧综艺*{margin:0;padding:0;}li{list-style:none;}#box{margin:200px;border:1pxsolid#ccc
qq_38677540·2020-08-24 15:44

CSS基础篇--如何解决inline-block元素的空白间距

先看结构：item1item2item3item4item5css代码：ul{list-style:noneou
风雨后见彩虹·2020-08-24 13:17

css 设置鼠标滑过变色效果

当鼠标滑过或者悬停在图片上时，图片颜色变灰，看似是图片变灰变色效果，实际上是图片被设置为半透明样式2.CSS样式代码：（1）HTML代码：业务流程（2）css样式代码：.sasa-layouta{float:left;list-style
亦辰岁月·2020-08-24 11:38

webAPI轮播图

静态页面<>样式*{padding:0;margin:0;list-style:none;border:0;}.all{width:500px;height:200px;padding:7px
一只大海·2020-08-24 11:51

比较完整的轮播图，有箭头有小圆点点击，自动轮播

*{padding:0;margin:0;list-style:none;border:0;}.all{width:500px;height:200px;padding:7px;border:1pxsolid
一名正在努力的前端小白·2020-08-24 11:33

仿淘宝首页的分类滑动菜单

font-size:12px;position:relative;font-family:Verdana,Geneva,sans-serif;}a{color:blue;}ul{margin:0;padding:0;list-style
weixin_33691700·2020-08-24 10:56

jquery-ui Sortable拖拽排序，刷新后保持排序后的位置

南繁协会ul.sortable{width:400px;margin:0auto;}ul.sortableh3{color:#333;margin-bottom:15px;}ul.sortableli{list-style
weixin_30908649·2020-08-24 10:52

WebApp图片轮播banner

WebApp图片轮播img{border:0;*display:inline;}li{border:0;list-style-type:none;}ul{list-style:none;margin:0
风一样的执着·2020-08-24 10:46

CSS实现鼠标悬停图片时的边框变色效果

CSSBorder双边框-www.codesc.net*{margin:0;padding:0;list-style:none;font-size:14px}h1{margin:10px;}img{bord
shanshuiboy·2020-08-24 10:31

Table栏切换

可多次使用的jQuerytab选项卡/*通用样式*/*{margin:0;padding:0;}body{font:12px/1.8Arial;color:#666;}ul,li{list-style:
zaochenli·2020-08-24 09:04

html模仿淘宝按钮

liu.html刘天猫聚划算天猫超市liu.css*{margin:0;padding:0;font-family:arial;color:#424242;}.nav{list-style:none;}
哪天才能爬大厂·2020-08-24 09:30

轮播图动态生成小圆点

轮播图动态生成小圆点效果图展示直接上代码效果图展示序号是倒序（个人练习使用）不需要删除即可直接上代码//Anhighlightedblock*{margin:0;padding:0;}ulli{list-style
qq_26892503·2020-08-24 09:15

ES6语法 checkbox 复选框 单选 / 全选 / 删除

ES6语法checkbox全选删除*{margin:0;padding:0;}h2{line-height:50px;}section{padding:50px;background:#ccc;}li{list-style
MuGuiLin·2020-08-24 09:26

HTML--二级菜单的实现

二级菜单练习练习使用displaydisplay:none;/block;/inline-block;练习代码如下所示：二级菜单操作*{padding:0;margin:0;}li{list-style
lkfmiaomiao·2020-08-24 08:49

html css 基础： 制作仿淘宝的菜单栏

MenuDemo*{margin:0;padding:0;}ul{list-style:none;}li{float:left;margin:10px;color:#f40;font-weight:bold
jason156·2020-08-24 08:54

jq实现鼠标悬停高亮当前图片

margin:100pxauto;width:630px;height:394px;border:2pxsolidwhite;background-color:black;padding:10px;}ul{list-style
deliefu3790·2020-08-24 08:15

简易年历

效果如下图所示：css代码如下：*{padding:0;margin:0;}li{list-style:none;}body{background:#f6f9fc;font-family:arial;}
bahuanpu8594·2020-08-24 07:55

模拟聊天对话框

利用原生JS里的事件对象我们可以来模拟下聊天软件的对话框效果如下：CSS:*{margin:0;padding:0;font-size:16px;font-family:"微软雅黑";}li{list-style
bahuanpu8594·2020-08-24 07:55

轮播图（点击小点点让他跳转到具体某一张）

下面是代码ul{list-style:none;}.item{height:200px;width:200px;font-size:20px;text-align:center;/*margin:autoauto
雕琢时光纸戆·2020-08-24 07:00

自定义轮播图以及bug优化

一、源码自定义轮播图*{margin:0;padding:0;list-style:none;border:0;}.all{width:500px;height:200px;padding:7px;border
weixin_30668887·2020-08-24 07:07

jQuery可任意修改轮播图大小的无缝轮播图

css样式：*{margin:0;padding:0;list-style:none;text-decoration:none;}.banner{width:500px;height:300px;position
逸笛·2020-08-24 06:19

data-v 效果展示

如图所示，不要忽略了line-height在百分比的情况下不起作用的问题，此时的垂直居中采用align-items：center；代码块*{margin:0;padding:0;list-style:none
最爱松露巧克力·2020-08-24 06:15
上一页 19 20 21 22 23 24 25 26 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他