使用CSS2.1的多重背景效果和边框效果

使用CSS2.1的多重背景效果和边框效果的相关文章

• 
  CSS2.1帮助文档和CSS3文档(PDF格式)

  标签：Web开发

  今天我们荣幸的发布两个帮助文档。这两个文档可以帮助你快速查看正确的CSS2.1属性或者还不太为人所知的CSS3属性。其中的样式表包含最重要的属性、解释以及每一个属性的关键字。这两个帮助文档由GoSquared制作，通过Smashing Magazine发布给读者。 免费下载帮助文档 CSS2.1帮助文档涵盖了句法、字体、文本、外边距、内边距、边框、定位、背景、列表、媒体类型和关键字。CSS3帮助文档涵盖了包括圆...[ 查看全文 ]

  荣哥天蝎

  11
• 
  使用CSS制作圆角效果

  标签：Web开发

  Web2.0中，圆角效果是很常见的，以前都是用图片来模仿，现在直接用css就能实现，例子代码如下 Html代码： !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" html head titleUntitled Document/title meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /head style type="text/css" body{ padding: 20px; background-color: #FFCC66; font: 100.01% "Tr...[ 查看全文 ]

  再銱吔袙寀忉

  11
• 
  使用jQuery和CSS制作霓虹灯效果

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  今天我们要用CSS和jQuery制作霓虹效果。现在我们开始第一步，制作一个背景。其中有2个不同颜色的文字版本。 要生成五颜六色的背景图象，您首先需要新建的Photoshop文件650px和300px文档，#141414的背景颜色。 使用您喜爱的字体写您的标题。 我使用了哥特式的世纪与60px的大小。 然后Ctrl点击他，变成选区。 使用矩形工具，按Shift+Alt选择文本，如下图： 然后复制出一个新的图层： 在用具条使...[ 查看全文 ]

  想想啊啊111

  101
• 
  使用CSS固定背景

  标签：Web开发

  使用CSS可以固定背景，格式如下： 标签名{background-attachment:参数} 参数： fixed:页面滚动时，背景固定； scroll:页面滚动时，背景滚动。 实例： html style type="text/css" !--     p.1{ background-attachment:fixed;  background-repeat:no-repeat;background-image:url(mgc.jpg);font-size:100mm}     p.2{ background-attachment:scroll;  backgrou...[ 查看全文 ]

  FL4J4I

  11
• 
  Photoshop制作立体效果的照片边框效果

  标签：PS PS基础

  先看看效果图 下面是教程 a.首页新建一个画布，画布大小随你，我的是568*300PX,标题名可以随你或不填等下保存时再取也一样。 B.选择矩形工具在画布中央点一下。就会弹出如上图所示：画一个426*226的矩形。也可以随手绘制。 C.画出来以后可以移动画布正中央。 D.然后复制一层，在属性栏把W:宽改成406PX，H:高改成206PX，然后填充蓝色，或你喜欢的颜色。 然后全部居中对齐。把蓝色图层眼...[ 查看全文 ]

  紫凝生活ice

  151
• 
  用CSS实现背景半透明效果的方法实现

  标签：Web开发

  如何用CSS实现背景半透明效果？做过活动页面的同学可能会遇到要做背景半透明的效果，我们一般的做法是用两个层，一个用于放文字，另一个用于做透明背景，因为透明滤镜的效果会影响到里面的内容。不过如果你只需求在IE下实现，我们有更简单的做法： HTML代码： div class="alpha1" div class="ap2" p背景为红色(#FF0000)，透明度20%。/p /div /div CSS代码： .alpha1{ width:30...[ 查看全文 ]

  佬囟w2叹刮

  171
• 
  Js和CSS实现脚注(Footnote)效果

  标签：Web开发

  脚注（Footnote）是向用户提供更多信息的一个最佳途径，也是主体信息的一个有效补充，常见于各种印刷书籍中。不过，既然脚注有这些好处，我们当然要在网页中也加以利用，本文向您介绍了用Javascript和CSS实现脚注效果的方法。 Javascript: script type="text/javascript" // 说明：用 Javascript 和 CSS 实现脚注（Footnote）效果 // 作者：CodeBit.cn ( http://www.CodeBit.cn ) var footNotes =...[ 查看全文 ]

  hsxvme

  121
• 
  PS打造蕾丝边框效果

  标签：PS PS教程

  这种边框效果简单好做，在制作小图片边框时效果较好。 效果图   制作过程 [ 查看全文 ]

  赵丽敏手机

  181
• 
  Photoshop制作立体效果的照片边框

  标签：PS PS基础

  在Photoshop里，有一个不太被人看好的功能，那就是动作。别小看这小动作，它可是有记忆功能，能够把你制作镜框的过程记录下来，供你随时使用。加镜框时，如果使用该软件的批处理，过程将非常快捷。比如一个含有15个图片的文件夹，将它们缩小、加镜框、另存，总共用不了一分钟。 这个动作，也可以记录你处理图片的其它过程，用以处理那些需要做相同处理的图片，在这里不再多述。 一、 相框的制作 打开Photo...[ 查看全文 ]

  凭祥红木5158

  361
• 
  html和css实现数据图表的展示效果

  标签：Web开发

  一下收集分享的数据图表的展示效果，是完全用html和css来实现的。通过仔细研究学习这些案例对于我们学习css会有很大帮助的。 1、完全使用div、span和css制作的数据图表。 2、有很多用纯css制作的数据图表，我感觉这个是做的最漂亮的一个。 3、这个线形数据图表完全基于html和css制作的，没有应用js。这样的图图表加载快，而且延展性比较灵活。 4、这个竖状条形图完全使用html和css制作的，...[ 查看全文 ]

  阿波罗酒吧金波

  521
• 
  Photoshop绘制舞台环境背景和光线效果

  标签：PS PS基础

  本教程主要使用Photoshop设计紫色风格的舞台背景效果图,应客户要求用photoshop制作的一个舞台效果，之前看到过类似的效果这次自己尝试制作，最终效果自己还算比较满意的，把自己的流程发出来大家交流下，能帮到一些朋友就很开心了。下面就让我们一起来学习吧。 最后贴一下最终效果图(跟一开始的效果有点不同，因为调整了一些，呵呵~) [ 查看全文 ]

  可靠的1壹壹1

  271
• 
  使用CSS 3新技术 完美实现圆角效果

  标签：Web开发

  今天学习使用 CSS3 技术不需要图片即可实现圆角，把侧边栏标题背景的圆角效果和搜索框的圆角效果用 CSS3 实现。记录一下以便以后使用。W3C 很早就制订了实现了 CSS 圆角的 CSS3 属性：border-radius，Firefox 和 Safari 也通过私有属性实现了该功能： div style=" background-color: #ccc; -moz-border-radius: 5px;  -webkit-border-radius: 5px; border: 1px solid #000; padding: 10px;" Firefox 和...[ 查看全文 ]

  咨询32365

  01
• 
  Photoshop使用滤镜制作立方柱体背景效果

  标签：PS PS基础

  效果图： 打开PS，新建一个500X500的文件【1】 前景色设置为白色，背景色设置为黑色【2】 滤镜》渲染》云彩【3】 滤镜》风格化》凸出【4】 类型：金字塔 大小：10像素 深度：10 看下效果【5】 我们还可以设置为3D的放射状方柱，滤镜》风格化》凸出【6】 类型：块 大小：10像素 深度：60 看下效果【7】 当然，我们的3D的放射状方柱头部是尖端的，我们也可以把他设置...[ 查看全文 ]

  渐近线1314

  501
• 
  css制作表单效果

  标签：Web开发

  !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /titleby 阿会楠 2008-12-4/titlescript language="javascript" type="text/javascript"//js辅助window.onload = function(){ var initleft = 200;// 初始化第...[ 查看全文 ]

  空白记忆ljh

  01
• 
  CSS常用样式效果

  标签：Web开发

  虽然CSS样式的学习需要我们动手多实践，需要多做案例，思致思考，但有时候注意资料的收集与整理也是非常重要的，在实际开发中往往会起到事半功倍的效果。在的文档中，也提供了丰富的内容。下面一些关于按钮、文本框、表单的常用CSS样式。大家可以参考。 一、按钮样式 .buttoncss { font-family: "tahoma", "宋体"; /**/ font-size:9pt; color: #003399; border: 1px #003399 solid; color...[ 查看全文 ]

  傻傻的问wj

  61
• 
  PS简单制作水彩边框效果

  标签：PS相片处理 PS基础 PS PS效果

  本教程介绍一种类似水彩的边框效果制作方法。思路：主要是利用滤镜和蒙版来制作纹理和选区，制作的时候自己不需要受限制，可以发挥自己的想象制作更多漂亮的边框效果。 最终效果 1.打开素材图片按Ctrl + J复制一层。 2.用矩形选框工具绘制比画布稍小的矩形如下图，然后按Ctrl + Shift + I反选，按Q进入快速蒙板。 3.执行菜单：滤镜 扭曲 海洋波浪，参数设置如下图。 4.执行菜单：滤镜 ...[ 查看全文 ]

  灰喵也是喵星人

  31
• 
  5个使用CSS3实现的常见效果

  标签：Web开发

  用纯CSS也可以实现各种各样很酷的效果了，甚至是动画。虽然有些效果不能跨浏览器（甚至是支持CSS3的浏览器）运行，有些只是展示并没什么实际 用途， 但仅用CSS实现出的这些效果似乎没什么可以挑剔的。 对于设计人员和开发人员来说，CSS一直是web设计过程中重要的一部分，随着CSS3的出现以及越来越多的浏览器对它的支持，设计师们有了 更多的选择。用纯CSS也可以实现各种各样很酷的效果了，甚至是动画。虽然...[ 查看全文 ]

  hehe1996412

  51
• 
  使用CSS3新技术 完美实现圆角效果

  标签：Web开发

      现在使用CSS3 技术不需要图片即可实现圆角，把侧边栏标题背景的圆角效果和搜索框的圆角效果用 CSS3 实现。记录一下以便以后使用。W3C 很早就制订了实现了 CSS 圆角的 CSS3 属性：border-radius，Firefox 和 Safari 也通过私有属性实现了该功能：     效果如下：     其中 -moz-border-radius 是 Firefox 实现圆角的私有属性，而 -webkit-border-...[ 查看全文 ]

  王春源4614

  01
• 
  Photoshop制作带边框的颓废效果照片

  标签：照片

  完成图 一，第一步我们创建一画布，大小540*540象素(随意呵，主要依照你相片的大小来打造。) 我们创建一图层叫照片边框。 2.单击圆角矩形工具，按住Shift画一圆角正方形，填充色为黑色，留意下图中红色圈圈标注的位置(填充象素、半径为10象素)。 这儿之所有画正方形是由于后面的相片是正方形的，假如你的相片是长方形，你可这儿画一几乎的长方形。 3.为这个黑色正方形加上图层蒙版! 4.选取...[ 查看全文 ]

  國粉之家吧

  61
• 
  常用CSS样式效果汇总

  标签：Web开发

  虽然CSS样式的学习需要我们动手多实践，需要多做案例，思致思考，但有时候注意资料的收集与整理也是非常重要的，在实际开发中往往会起到事半功倍的效果。在www.phpq.net的文档中，也提供了丰富的内容。下面一些关于按钮、文本框、表单的常用CSS样式。大家可以参考。 一、按钮样式 .buttoncss { font-family: "tahoma", "宋体"; /*www.phpq.net*/ font-size:9pt; color: #003399; borde...[ 查看全文 ]

  yingzi5177

  131