css
-
CSS实现页面九宫格布局的简单示范
九宫格布局在制作一些web app时还是经常可以用到的,这里我们以一个大概的结构示例来作css实现页面九宫格布局的简单示范,不过需要注意ie6下的兼容性问题. 一、效果图： 三、布局二（各浏览器兼容性良好） 立即学习“前端免费学习笔记（深入）”； CSS Code复制内容到剪贴板 九宫格布局 bod…
-
css实现图片切换效果
本篇文章主要介绍css实现图片切换效果非常不错，不用css，代码比较精简，推荐使用，注意一下多浏览器的兼容性。 代码如下： 纯css图切换 练习 教程来自snwebsite a{ display:block; border:1px solid #cccccc; width:20px; height:…
-
如何使用css固定位置
本篇文章主要介绍如何使用css固定位置，非常不错，可以方便提示用户等信息，有感兴趣的小伙伴了解一下。 代码如下： 层固定位置练习–by 阿会楠 html,body{ overflow:hidden; padding:0; margin:0; width:100%; height:100%; } #…
-
css中font的缩写
本篇文章将详细介绍css中font的缩写，有感兴趣的小伙伴参考一下。 实例代码如下： .login_top{height:26px;font:bold 14px/26px “宋体”; border:1px solid #000} .login_top2{height:26px; line-heigh…
-
css中Sprites的应用
本篇文章主要介绍css中sprites的应用，这是一个很简单的应用，不过在设计中，这样做可以减轻服务器的压力，是请求次数减少，是一个不错的方法。 实例代码如下： body { font-family: “Lucida Sans”, “Lucida Sans Unicode”; font-size: …
-
用CSS实现的一张图完成的按钮实例
本篇文章主要介绍如何用css实现的一张图完成的按钮实例，很好用很奥妙,值得收藏和分享 通过css来读取图片坐标系实现局部背景图，感兴趣的小伙伴参考一下。 网易126登录按钮代码如下： .inp_L1,.inp_L2,{background:url(/upload/20080515201218970.…
-
css如何实现鼠标滑过缩略图时放大图片
本篇文章主要介绍css如何实现鼠标滑过缩略图时放大图片，日常购物网站中非常方便实用，有兴趣的小伙伴参考下。 代码如下： www.php.cn 创想鸟 鼠标滑过缩略图时放大图片 本例旨在展示鼠标滑到缩略图上时，放大图片。 @@##@@ 相关推荐： 如何使用HTML+CSS做出鼠标划过就可以显示二级菜单…
-
css实现鼠标触发效果
本片文章主要介绍使用css实现鼠标触发效果，感兴趣的朋友参考下。 代码如下： css打造鼠标触发效果 <!– startList = function() { if (document.all&&document.getElementById) { navRoot = doc…
