见：http://v2.bootcss.com/base-css.html#icons
140个图标，基本语法为：<i class="icon-search"></i>，非常漂亮，由Glyphicons提供
时间： 2024-10-20 01:50:04
CSS：漂亮的图标
CSS：漂亮的图标的相关文章
CSS实现三角形图标原理解析
CSS实现三角形图标原理解析: border边框语法: border 四条边框设置border-left 设置左边框,一般单独设置左边框样式使用border-right 设置右边框,一般单独设置右边框样式使用border-top 设置上边框,一般单独设置上边框样式使用border-bottom 设置下边框,一般单独设置下边框样式使用,有时可将下边框样式作为CSS下划线效果应用基本用法: // 为引用 class="border-four" 的盒子对象设置1px像素红色实线边框.bord
给jui(dwz)的navTab换一套漂亮的图标
上次讲了给jui(dwz)的菜单树换一套漂亮的图标,这次讲一下在点击菜单后,怎么把设置的漂亮图标带到navTab上去. 官方的navTab是这样显示的,除了默认的我的主页外,tab页上只有标题没有图标. 而修改后的是这样的,相应的都带上了上次讲过的漂亮的图标了. 想要实现这种效果,我们需要修改JUI(DWZ)的核心JS,打开dwz.js,找到$("a[target=navTab]", $p) $("a[target=navTab]", $p).each(functi
css 制作三角形图标 不支持IE6
.triangle { width: 10px; height: 10px; overflow: hidden; border-left: 4px solid rgba(0, 224, 255, 1); border-right: 4px solid rgb(0, 255, 10); border-top: 4px solid #ff0; border-bottom: 4px solid #ca0309; } 效果: 把10px改成0后: 去掉border-top这一句: 把border-lef
CSS 让 fontawesome 图标字体变细
一句 CSS 让 fontawesome 图标字体变细 自从 iOS 某个版本发布之后,前端的流行趋势是什么都越来越细-字体越来越细-图标线条也越来越细.而老物 fontawesome 粗壮的线条风格很显然已经跟不上流行的趋势了,不过在现代的浏览器里,倒是有办法让 fontawesome 改头换面,重获青春. 2018-04-12 补充:好久没有访问 fontawesome 的官网,现在居然也出 solid / regular / light(可能就是你们想要的细版)三种版本了!如果你放在访问了
如何使用CSS3创建一个漂亮的图标
今天,我想展示给你一个巧妙的花招.我们将创建一个纯CSS3文本图标.更让人震惊的是,这效果将只需要一个HTML元素. 游戏的计划 创建一个矩形盒子 设置圆角 使用伪类元素创建一个卷角效果 通过梯度渐变创建文本效果 让我们开始吧! 第一步:创建盒子 让我们加入唯一的HTML元素:一个锚标签.这是有理可依,因为大多数的图标同时也是一个链接. <a class="docIcon" href="#">Document Icon</a> 可以给图标设置
经典CSS实现三角形图标原理解析
前言: 在写这篇文章之前,我也看过很多前端大神写的代码,But,都只是粘贴代码和给出显示效果,对于初学者来说大家都喜欢刨根问底,为什么要这样做呢? 接下来就让我给大家分享一下我对CSS实现三角形的理解: border边框语法: border 四条边框设置 border-left 设置左边框,一般单独设置左边框样式使用 border-right 设置右边框,一般单独设置右边框样式使用 border-top 设置上边框,一般单独设置上边框样式使用 border-bottom 设置下边框,一般单独设置
css画微信图标
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>微信图标</title> <style type="text/css"> .div1{ position: relative; margin: auto; width: 300px; height: 300px; backgrou
纯css做三角形图标
以前做三角形图标一直是用图片,或者css3旋转,现在才发现原来还有这么简单的三角形 div { border: 10px solid transparent; border-bottom: 10px solid #000; width: 0; } 只要这么简单的三行css就可以实现一个三角形!
用CSS制作带图标的按钮
先上一张效果图 这是一个搜索按钮,带了一个搜索的小图标.写的CSS在IE6和IE7中的兼容性不是很好.四边的圆角使用了CSS3的属性. 一.小图标用字体制作 上面的搜索图标,我是通过网站icomoon,在线生成的,这个网站在国外,国内访问比较慢,用代理或FQ工具上去会比较快.网站如下图: 做好一系列选择后,点击下载,会自动生成字体文件,和CSS的demo 在自己的文件中引用很方便: @font-face { font-family: 'icomoon'; src:url('fonts/icomo