建站学习网,专业提供各类建站教程,网页素材,SEO资讯等建站资源!

网站模板_网站源码_网站素材_建站教程_建站学习网

当前位置:建站学习网 > TAG标签 > 按钮
  • 八、超链接伪类
    149阅读
    一、超链接的四种样式 超链接可以说是网页发展史上一个伟大的发明,它使得许多页面相互链接从而构成一个网站。说到超链接,它涉及到一个新的概念:伪类,我们先看下超链接的四种样式: a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00}...
  • div+css让div内部元素如单选按钮均匀分布
    77阅读
    代码如下: div style=width: 62%;margin: auto; div style=float:left;width: 49%; text-align: center input type=radio checked=checked/男 /div div style=float:l...
  • 使用before和:after伪类制作css3圆形按钮
    118阅读
    制作步骤: 一, head标签结构 下面代码中使用了CSS3无前缀脚本prefixfree.js,可以省去CSS3中前缀-moz、-webkit、-o、-ms 代码如下: head meta charset=utf-8 titlebutton/title script src=js/jquery.j...
  • css按钮自适应实现原理及代码
    91阅读
    按钮自适应原理是利用a标签和i标签各自一个背景组合成为按钮,达到自适应,具体实现css样式及html结构如下,感兴趣的朋友可以参考下 原理:利用a标签和i标签各自一个背景组合成为按钮,达
  • 十套非常漂亮的CSS3按钮样式 无需图片
    246阅读
    非常不错,很漂亮,唯一可惜的是不能兼容所有的浏览器,尤其在IE下。 1. 漂亮的CSS3按钮 2. 放射效果按钮 3. CSS3立体按钮 4. 基于伪元素的CSS按钮 5. Github风格的按钮 6. 社交媒体按钮 7. 糖果风格按钮 8. 基于RGBA的CSS3按钮 9. CSS3按钮集合 10...
  • 用CSS3写的模仿iPhone中的返回按钮
    96阅读
    好像写这个有点晚了,iOS已经从拟物化的年代进化到了扁平化的年代,那些圆角+渐变+阴影的年代已经过去,不过在此仍然要去说下古老的iOS返回按钮。 在过去的年代,大家都以iOS的设计元素为自己移动版页面的设计元素;当中自然少不了经典的返回按钮,看着似乎非常简单的一个返回按钮,但是就是没有啥办法能用代码...
  • 图片的翻转按钮怎么制作
    94阅读
    请问上面这张图片的翻转按钮是用什么方法制作的。 是把一个透明图片当背景。还是CSS透明实现的。 .btn{ width : xxpx; height : xxpx; opacity : 0.25; /* firefox chrome等 */ filter : alpha(opacity=25); /...
  • 利用CSS3实现文本框的清除按钮相关的一些效果
    109阅读
    新技能传授-哔哔哔哔 search类型搜索框,设计师常常会设计一个叉叉图标,表示用户点之久可以清除输入的内容。比方说这个: 这是不错的体验! 当前现代浏览器中,Chrome浏览器下type=search的输入框会有清除按钮的动态呈现,不过搜索input框尺寸不太好控制(padding无视);Fire...
  • 一款css实现的鼠标经过按钮的特效
    131阅读
    今天要为各网友再带来一款css实现的鼠标经过按钮的特效。按钮初始时,边框为断开的按钮,当鼠标经过按钮时动画变为封闭的边框。效果图如下: 我们一起看下实现的代码: html代码: 代码如下: body a target=_blank class=btn-edge href=http://www.jb5...
  • 用CSS3编程模仿iPhone中的返回按钮
    99阅读
    好像写这个有点晚了,iOS已经从拟物化的年代进化到了扁平化的年代,那些圆角+渐变+阴影的年代已经过去,不过在此仍然要去说下古老的iOS返回按钮。 在过去的年代,大家都以iOS的设计元素为自己移动版页面的设计元素;当中自然少不了经典的返回按钮,看着似乎非常简单的一个返回按钮,但是就是没有啥办法能用代码...
 
QQ在线咨询