CSS代码实例：非常酷的角BANNER

css

Top Right Banner Style

  1. #topright {
  2. position: absolute;
  3. right: 0;
  4. top: 0;
  5. display: block;
  6. height: 125px;
  7. width: 125px;
  8. background: url(TRbanner.gif) no-repeat;
  9. text-indent: -999em;
  10. text-decoration: none;}

Top Left Banner Style

  1. #topleft {
  2. position: absolute;
  3. left: 0;
  4. top: 0;
  5. display: block;
  6. height: 125px;
  7. width: 125px;
  8. background: url(TLbanner.gif) no-repeat;
  9. text-indent: -999em;
  10. text-decoration: none;}

    查看效果

时间： 2024-10-25 20:00:49

CSS代码实例：非常酷的角BANNER的相关文章

避免表格table被撑开变形的CSS代码实例

css 如何避免表格因为图片尺寸或者过长的英文字符而变形撑开,在CSS加入以下代码就可以防止,同时英文单词也会按单词断行,不是按字母这个.我想说的是这个在CSS2.0是不支持的,但是能解决一些实际问题.页面设计不是为了标准检验而设计,还是以用户使用为主,在目前有些WEB标准无法解决的一些问题上,我会采用一些非标准的方法处理,只要主流BROWSER如IE,Firefox,Netscape,Opera等上能正确显示,我会把通过WEB表准的校验放在次要位置,并且MS已经建议在CSS3.0中加入这个属性

Ant+YUICompressor 合并压缩JS和CSS代码实例

在实际项目中,推荐的是一个html对应一个JS文件和一个CSS文件.这样做可以减少HTTP请求,众所周知,一个HTTP请求的延迟远比下载一个大点的文件大得多. 所以从程序员来看:我要分文件,分模块写.不然代码太混乱了.(多文件) 客户(网站的使用者)来看:我要良好的用户体验,越快越好.(少文件,文件一多HTTP请求会很多) 这就产生了冲突,不过有需求就有市场,我们聪明的前端攻城狮也有自己的方法解决.--链接文件与压缩大法,也就是标题"使用Ant和YUICompressor链接合并压缩你的JS和C

CSS+DIV网页特效欣赏：非常酷的角BANNER

css|网页|网页特效 Top Right Banner Style #topright { position: absolute; right: 0; top: 0; display: block; height: 125px; width: 125px; background: url(TRbanner.gif) no-repeat; text-indent: -999em; text-decoration: none;} Top Left Banner Style #topleft { p

CSS代码实例:用CSS代码写出的各种形状图形

文章简介:纯用CSS定义写出来的图形写法. 一共收集整理了图形20个,比较实用,同时也为了熟悉CSS的代码.整合了一下,有错误欢迎指出. 1.正方形 #square { width: 100px; height: 100px; background: red;} 2.长方形   #rectangle { width: 200px; height: 100px; background: red;} 3.左上三角   #triangle-topleft { width: 0; height: 0;

用CSS3实现网页文本禁止复制的CSS代码

文章简介:用CSS3实现网页文本禁止复制的CSS代码. 实例代码1: <!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>Demo1</title><style>.text{-moz-user-select:none;-webkit-

HTML+CSS网页制作实例:制作左上角卷角效果的网页

文章简介:HTML+CSS网页制作实例:制作左上角卷角效果的网页. 英文原文 http://designshack.net/articles/css/code-a-simple-folded-corner-effect-with-css/ 这篇文章中我们将介绍如何制做paper左上角的卷角效果. 我想让我的几句文字以一张有卷角折叠效果的纸为背景,如果直接用一张图片,很容易实现,但是这里我要用css来实现. 我的这种实现方法并不是非常具有创新意义,但是还是值得拿出来分享的,简单的来说,除了一个矩形

CSS标签切换代码实例教程 比较漂亮_经验交流

我们的设计越来越追求一种简洁的风格,希望在有限的空间内展示更多的内容.与此同时我们发现一些问题,内容的简单排列总使页面很长.滚屏很多才能将显示的内容布局完毕.YAHOO与网易率先应用了标签切换的布局方式,打破了常规布局的局限性,在相同尺寸的区域内,可以放置更多的内容.我们只需要点击不同的选项卡或链接就能展开内容,这并不需要打开新的网页,只是在同一页内完成. 一.标签切换总体的实现思路: 实现这种标签切换的布局有多种方式,也流传着各种不同的代码,我们应用DIV CSS进行布局,首先来整理一下思路,

动态加载js、css的实例代码_javascript技巧

一.原生js: /** * 加载js和css文件 * @param jsonData.path 前缀路径 * @param jsonData.url 需要加载的js路径或css路径 * @param jsonData.type 需要加载的类型 js或css */ function loadWriteFiles(jsonData) { jsonData.path = jsonData.path != undefined ? jsonData.path : ""; if(jsonData.

CSS代码缩写精简实例

一些CSS属性允许使用一串值代替许多属性,值使用空格分开. margin,pdding和border-width允许合并margin-top-width, margin-right-width, margin-bottom-width等等,形式像这样:property:top right bottom left;逆时针顺序. 所以下面的代码: p { border-top-width: 1px; border-right-width: 5px; border-bottom-width: 10px