• 1 
预览模式: 普通 | 列表

图片特效CSS代码

作者:唐布拉草原 日期:2008-07-31 19:32

1 加一边框 <center><img
src="图片地址" style="border:3 solid #ff0000（框边颜色）"></center>
2 加双边框
<center><img
src="图片地址" style="border:5 double green"></center>
3 加立体框
<center><img src=图片地址
style="border:25 outset #ff88ff"></center>
4 加立体框（a)
<center><img
src="图片地址" style="border:25 inset #ff88ff"&

[阅读全文]

标签: CSS
类别: 文章转载 | 引用: 0 | 评论: 0 | 阅读: 29

保存CSS 中加载的图片。保存网页CSS图片软件

作者:唐布拉草原 日期:2008-07-21 12:11

用 FIREFOX 的ScrapBook插件

ScrapBook 能够帮助您保存网页，并且可以方便的管理您收集的网页。轻巧、迅速、准确和多语言支持。它可以为您：

  • 保存网页
  • 截取网页的部分内容
  • 保存深层链接的网页
  • 类似书签一样组织收集的网页
  • 全文搜索和快速过滤查寻
  • 简单编辑收集的网页
  • 建立 Text/HTML 格式的便签

attachments/200807/0998061545.png


 插件下载链接：

http://www.lossr.net/read-1739.html

标签: CSS FIREFOX
类别: 互联网记 | 引用: 0 | 评论: 0 | 阅读: 49

IE7 下自适应高度 CSS 绝对简洁实用

作者:唐布拉草原 日期:2008-07-18 11:44

  发现我一个站 在 IE6 下 完全正常，这几天装了 IE7 没有适应高度，所以就很自由想办法解决了
在DIV 高度控制改为 这个


min-height:200px;
height:auto;

当 高度 超过 200PX 的时候 自适应，这个非常简洁实用哦，在IE7 下，ff下完全通过。。
标签: IE7 CSS
类别: 互联网记 | 引用: 0 | 评论: 0 | 阅读: 56

CSS精简压缩工具

作者:唐布拉草原 日期:2008-06-23 12:03

http://www.cleancss.com/


CleanCSS是一个免费的CSS精简压缩工具，通过这个在线工具，可以将你的CSS文件压缩、优化成更精简，这将大大提高你的网站的载入速度。进入CleanCSS后, 你可以输入要压缩的CSS代码或是该CSS文件的所在URL地址, 然后选择代码布局和相应的精简压缩选项, 最后点击生成即可.

当然, 这里所说的压缩并不是像.zip文件那样的压缩, CSS文件的压缩呢, 其实就是指通过对CSS代码中重复的地方进行合并来达到减少代码的效果. 不过, 对于那些需要经常修改到CSS代码的朋友来说, 并不推荐使用这个工具

标签: CSS
类别: 文章转载 | 引用: 0 | 评论: 0 | 阅读: 81

css 定义图片边框样式

作者:唐布拉草原 日期:2008-06-20 23:10

.pic3 /*图片 */
{
border: 4px solid  #ffffff;
filter:progid:dximagetransform.microsoft.glow(color=#000000,strength=3);
}


 

<style>
.out {
  position:relative;
  background:#bbb;
  margin:10px auto;
  width:285px
  }
.in {
  background:#fff;
  border:1px solid #555;
  padding:10px 5px;
  position:relative;
  top:-5px;
  left:-5px;
&

[阅读全文]

标签: css
类别: 文章转载 | 引用: 0 | 评论: 0 | 阅读: 125

鼠标触显（滑动门）CSS 代码及其使用方法

作者:唐布拉草原 日期:2008-03-14 22:09

<SCRIPT language=javascript>
    function show_intro(pre,pree, n, select_n,css) {
        for (i = 1; i <= n; i++) {
            var intro = document.getElementById(pre + i);
  var cha = document.getElementById(pree + i);
            intro.style.

[阅读全文]

标签: CSS
类别: 文章转载 | 引用: 0 | 评论: 0 | 阅读: 489

CSS定义 鼠标移上去的链接颜色，链接背景颜色，链接样式等

作者:唐布拉草原 日期:2007-12-27 21:58

<style>  
  a.demo{background:#F0EBD6;padding:8px;width:240px;text-decoration:none;color:#000000;}  
  a.demo:hover{background:#FFC080;color:#ffffff;}  
  a.demo:active{background:#CCCFFF;color:#aaaaaa;}  
  a.demo:visited{background:#FF3300;color:#555555;}  
  #idCodeDiv{width:100%;padding:4px;font-family:verdana,tahoma;margin:12px 

[阅读全文]

标签: CSS
类别: 互联网记 | 引用: 0 | 评论: 0 | 阅读: 612

CSS定义标题前面图片，背景图片详解

作者:唐布拉草原 日期:2007-12-18 16:32


背景(background): 包括background-color, background-image, background-repeat, background-attachment, background-position五种属性.  

1. background-color: 指背景颜色, 其属性值有三种形式, 十六进制, 颜色名称, rgb值. 目前最为常用的是”#+十六进制数”. 例: 本站显示代码的段落背景为#EEEEEE的灰色, 代码及示例如下:  

background-color: #EEEEEE; 

2. background-image: 指背景图片,

[阅读全文]

标签: CSS
类别: 互联网记 | 引用: 0 | 评论: 0 | 阅读: 379

网页中 CSS超级链接的几个属性

作者:唐布拉草原 日期:2007-10-30 18:12



//链接文字移动
A { text-decoration: NONE; color: #28C7C7}
A:hover { position: relative; left:1px; top:1px; }

//去掉链接字体的下划线
A { text-decoration: NONE; color: #28C7C7}
A:hover {border-bottom:1px dashed #28C7C7}

//去掉链接字体的下划线
a:link{text-decoration:none}
a:hover{text-decoration:none}
a:visited{text-decoration:none}

//鼠标放在链接字体上的时候,链接字体变粗,
A { text-decoration: NONE; color}
A:hover {font-weight: bold;color}
标签: CSS
类别: 互联网记 | 引用: 0 | 评论: 0 | 阅读: 1076

去掉超级链接横线和超级链接定义 CSS

作者:唐布拉草原 日期:2007-10-22 21:10

　　我们可以用CSS语法来控制超链接的形式、颜色变化。

　　下面我们做一个这样的链接：未被点击时超链接文字无下划线，显示为蓝色；当鼠标在链接上时有下划线，链接文字显示为红色；当点击链接后，链接无下划线，显示为绿色。

　　实现方法很简单，在源代码的<head>和<head>之间加上如下的CSS语法控制：

　　<style type="text/css">
　　 <!--
　　 a:link{text-decoration: none;color: black}
　　 a:active{text-decoration:blink}
　　 a:hover{text-decoration:underline;color: red}
　　 a:visited{text-decoration: none;color:green}
　　 -->
　　 </style&g

[阅读全文]

标签: CSS
类别: 文章转载 | 引用: 0 | 评论: 0 | 阅读: 684
  • 1