为您找到相关结果1,459,124个
Bootstrap源码解读媒体对象、列表组和面板(10)_javascript技巧_脚本...
333 不过Bootstrap有另外的实现方式,就是把ul.list-group使用div.list-group来替换,而li.list-group-item直接用a.list-group-item来替换。例如: 1 2 3 4 5 列表项1 列表项2 列表项3 主要是给文本去掉了下划线,增加悬浮效果。实现源码如下: 1 2 3 4 5 6 7 8 9 10 11 12 a.list-group-item...
www.jb51.net/article/1012...htm 2024-10-26
使用CSS自定义属性实现骨架屏效果_CSS教程_CSS_网页制作_脚本之家
display:block; width: 100%; height: 100%; border-radius:6px; box-shadow: 0 10px 45px rgba(0,0,0, .1); background-image: linear-gradient( 90deg, rgba(lightgrey, 0) 0, rgba(lightgrey, .8) 50%, rgba(lightgrey, 0) 100% ), //animation blur var(--title-skeleton), //...
www.jb51.net/css/8338...html 2024-11-1
CSS经典三栏布局方案(6种方法)_CSS教程_CSS_网页制作_脚本之家
display: block; content: ''; font-size: 0; height: 0; clear: both; zoom: 1; } .left { float: left; height: 200px; width: 100px; margin-left: -100%; background-color: red; } .right { width: 200px; height: 200px; float: left; margin-left: -200px; background-color: blue...
www.jb51.net/css/5898...html 2024-11-11
CSS 中的 display、visibility,和opacity 的区别解析_CSS教程_CSS_网页...
display:block;/* 元素以块级元素显示 */ } 1.visibility: visibility属性用于设置元素的可见性。 当设置为visible时,元素可见;当设置为hidden时,元素不可见,但仍占据布局空间。 与display不同的是,设置为hidden的元素仍然会占据布局空间,只是在页面上不可见。
www.jb51.net/css/9104...html 2024-11-10
CSS3媒体查询实现不同宽度的下不同内容的展示功能_css3_CSS_网页制作...
display: block; } John Doe Mary Moe Amanda Panda< /li> 注意data-email 属性。在 HTML 中我们可以使用带 data- 前缀的属性来存储信息。 520 到 699px 宽度 - 添加邮箱图标 当浏览器的宽度在 520 到 699px, 邮箱链接前添加邮件图标: 1 2 3 4 5 6...
www.jb51.net/css/9137...html 2024-11-8
详解css3中transition属性_css3_CSS_网页制作_脚本之家
display: block; background-color: lightcoral; transition-property: width,background; transition-timing-function: ease; transition-duration: 5s, 2s; /* 以上分属性等价于下面复合属性写法 */ transition: width 5s ease 0, background 2s ease 0; } .tra:hover{ width: 100px; background-color: blu...
www.jb51.net/css/8118...html 2024-11-8
display:inline的用法 _CSS教程_CSS_网页制作_脚本之家
SPAN2 display:inline比较经典的用法是用在 下的 中 内联 block一般一个块占一行,除非float inline是自动排为一行,就象段内的文字一样,可成为多行。 display:inline 的作用是设置对象做为行内元素显示, inline是内联对象的默认值(ps:内联对象就是不自动产生换行...
www.jb51.net/css/290...html 2024-11-12