CSS教程：一张图片实现圆角

CSS教程：一张图片实现圆角的相关文章

• 
  鼠标移动到一张图片时变为另一张图片

  标签：Web开发

  代码如下： 用以下代码.  script language="JavaScript"!--  c0off = new Image(80,30); c0off.src = "图片1位置";  c0on = new Image(80,30); c0on.src = "图片2位置";  function img_act(imgName)  {  imgOn = eval(imgName+"on.src");  document[imgName].src = i...[ 查看全文 ]

  ILover笨蛋

  2521
• 
  jQuery 点击图片跳转上一张或下一张功能的实现代码

  标签：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" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / title无标题文档/title script type="text/javascript" src="jquery-1.3.2.js"/script!--包含jQuery库文件-- script type="text/javas...[ 查看全文 ]

  大疯子445

  721
• 
  jquery 图片 上一张 下一张 链接效果（续篇）

  标签：Web开发

  前段时间写了篇图片 上一张 下一张 链接效果，后来看到 jquery插件封装，手里痒痒的，拿这个例子做ex. 封装后的JS源码： 代码如下： /* * imageupdown 1.0 * Copyright (c) 2009 * Date: 2010-04-20 * 图片移动上一张 下一张特效 */ (function($){ $.fn.imageupdown = function(options){ var defaults = { upCursor:"pre.cur", upTitle:"点击查看上一张", upUrl:$(this).attr('left'), dow...[ 查看全文 ]

  算了吧7654321

  761
• 
  Windows XP中实现一张纸打印多幅图片

  标签：windows 操作系统

    Windows XP中内置了“图片和传真查看器”，多数人认为这只不过是一个很普通的小工具，只是用它来预览图片，或者根本不用它，而是使用自己喜欢的软件如ACDSee等来浏览图片。但是你知道吗，“图片和传真查看器”还有一个鲜为人所用的功能，它可以轻松地实现在一页纸上打印多幅图片。对于喜欢自己打印数码照片的朋友来说，使用这个功能就可以将一些较小的照片打印在同一张相纸上，从而可以节约相纸...[ 查看全文 ]

  喵了个肉丸子

  641
• 
  div+css实现圆角边框

  标签：Web开发

  div+css实现圆角边框，在网络上查看了一下，很多都是实现圆角的矩形的方法，我在这里介绍的是实现圆角矩形边框的方法。 用代码说明问题： html head style #a{ border-left:1px #333 solid; border-right:1px #333 solid; width:300px; height:500px; } .b{ height:1px; overflow:hidden; border-left:1px #333 solid; border-right:1px #333 solid; } /style /head body div div class="b" style="margin-...[ 查看全文 ]

  心凉lxy

  161
• 
  css sprites把很多小图集成在一张图片上

  标签：Web开发

  在google中搜索一下css sprites这个名称，会查出很多信息，并且随着SEO越来越被人们重视，采用这种技术来进行图片优化的网站越来越多，国内几家大型门户网站无不仿效。如新浪，网易，搜狐。你下载一下他们的网站上的图片，你会看到他们 将很多小图片全部集成在一张图片上 。 这样做的好处是不言而语： 加速图片显示 利用CSS技巧减小HTTP请求 利于网站优化seo 其实原理非常简单，主要是应用css中的背景定位技...[ 查看全文 ]

  我是土阿斗

  1321
• 
  javascript+css一张背景图片的不同切换

  标签：Web开发

  div  style=" width:50px; height:38px;background-image:url(http://album.hi.csdn.net/app_uploads/wtcsy/20081108/143439085.p.png)" onmouseover="touch(this,52,0)" onMouseOut="restore(this)" index=0/div div  style=" width:50px; height:38px;background-image:url(http://album.hi.csdn.net/app_uploads/wtcsy/20081108/143439085.p.png); background-position:0px -35" onmouseover="t...[ 查看全文 ]

  方与圆之父

  241
• 
  CSS教程:可扩展圆角标签的实现方法

  标签：Web开发

  在制作网页的时候，很流行使用标签的方式进行分类显示， 圆角标签 具有样式美观、表现方式形象的优点，一般我们都会将圆角标签的背景制作成一张图片，这样做的不足之处是如果标签文字字数变化（如图1），固定的背景图片不能随之进行扩展。这样我们就需要制作很多张不同宽度的背景图片，很不方便。下面介绍两种制作可扩展圆角标签的方法。 图1       描边圆角标签 如图...[ 查看全文 ]

  苏宁易购go

  81
• 
  用js实现CSS圆角生成更新

  标签：Web开发

  用js生成任意圆角,下一步就是加入直角导角,圆角导外,外圆角导个,还有边框处理,阴影生成,还有柔化处理都是以后的重点和难点. 中工工基 人遥仍失遥士大夫工士大夫花样百出地苛夺花样百出地人测试有的我不想信工大师傅苛夺工士大夫花样百出地模压 械夺棋栽夺苛夺棋地花样百出地模压械夺棋栽夺中工工基 人遥仍失遥士大夫工士大夫花样百出地苛夺花样百出地人测试有的我不想信工大师傅苛夺工士大夫花样百出地模压 ...[ 查看全文 ]

  windy罗先生

  41
• 
  一张图片说蒙板［原创］

  标签：PS PS教程

  本文由 中国  七段 原创，转载请保留此信息！ 蒙板,通道,图层混合,是PS学习中的三只拦路虎.我认为,之所以初学者觉得很难,关键是很多人在讲述他们应用的时候,把简单的问题给搞的复杂化了.比如蒙板,本来是个非常简单的问题,但我发现搞不明白的人是如此之多.而网上关于蒙板的教程又少的可怜.偶尔见到,也大多语焉不详,反而把蒙板搞的更加神秘难懂了.有感于此,花时间制作了这个教程,希望能对初学者理解蒙板...[ 查看全文 ]

  Simplelove39

  51
• 
  怎样将两张图片合成一张 PS图片合成基础教程

  标签：PS教程

  方法1： 一：打开需要合成的照片素材（按文件—打开）、（上图为素材一）。   二:每一个刚导入进去的图片，都会有一把锁，想要在这个图层上进行一些操作的时候都需要解锁的。现在在图层面板上双击背景图层解锁。   三：使用工具栏中的魔棒工具，然后点一下图片中黄色的背景，按键盘上的delete键删除人物的背景。   ...[ 查看全文 ]

  改变世界

  167671
• 
  CSS实现绝对的完美圆角框

  标签：Web开发

  导言： 本文探讨的是圆角框的终极解决方案，其核心关键词是圆滑、完美、兼容、重用性、语义，这些技术都是收集目前网络上最流行的做法。纵观种种方法，各有其优势，请针对不同的环境分别使用。 圆角框，因为其样式比直角框漂亮，所以成为设计师心中偏爱的设计元素。现在的web标准下大量的网页、博客都采用圆角框设计，成为一道亮丽的风景线。 然而，就是这个圆角，却成为了网页前端人员心中永远抹之...[ 查看全文 ]

  儒雅的小噶

  41
• 
  ps怎么把两张图片合成一张

  标签：照片

  我们经常在娱乐八卦中看到当事人澄清照片是PS的，那么到底怎样将两张图片合成在一起呢?一起看看下面这个有趣的是实例。 为了制作有趣的分身合成照片，首先必须拍摄来源相片。这次的拍摄构想内容拟定为，一名男子正在教女朋友打撞球之际，同时出现了好几位长得跟女朋友一模一样的女子，而且男子反而变成被指导的对象。 多重合成就是先拍出好几张照片，再将它们合成在一起。效果图： 本例共拍摄了三张相...[ 查看全文 ]

  烂桃山的小和尚

  471
• 
  圆角自适应宽度按钮的css实现

  标签：Web开发

  有时候我们需要一个链接看上去像按钮，所以就需要用到block属性，如果要几个按钮并排或者需要和其他文字混排的时候，inline-block就可以很好的解决这个问题。 只是不是所有人都响应了Mozilla的号召把Firefox升级到了3.0。遗憾的是，Firefox2不支持这个属性。网上查了一下，似乎有很多种建议方案，但是只有一个叫-moz-inline-stack的属性可以作为替代方案。 已测试通过的浏览器：IE6, IE7, FF2,...[ 查看全文 ]

  我的笔名叫三石

  11
• 
  PS临摹一张漂亮的雪山图片

  标签：PS鼠绘 PS PS效果 PS基础

  本教程虽然为临摹教程，不过难度还是非常大的。因为临摹的时候需要重新去构图及刻画细节。颜色方面需要结合美术用色稍作修改。这样出来的效果才会更漂亮。 原图 最终效果 1、先用渐变拉出天空底色。 2、新建图层刻画山体。PS的套索工具其实是画山的好帮手，可以轻松获得随机而肯定的山体边缘。 3、首先我只用PS的圆头默认笔刷按100%不透明度来画。这一步不需要太严谨，放松地画出整...[ 查看全文 ]

  linjiyang1234

  241
• 
  用js实现的抽象CSS圆角效果!!

  标签：Web开发

  大概是去年的时候吧,就在网上见过了现成的CSS圆角效果的CSS及HTML代码,例如: html head titlecss圆角效果/title meta http-equiv="content-type" content="text/html; charset=gb2312" style type="text/css" div.RoundedCorner{background: #9BD1FA} b.rtop, b.rbottom{display:block;background: #FFF} b.rtop b, b.rbottom b{display:block;h...[ 查看全文 ]

  HQ琪娃

  41
• 
  圆角-简洁型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" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / title简洁型css圆角矩形/title style type="text/css" .b1,.b2,.b3,.b4,.b1b,.b2b,.b3b,.b4b,.b{display:block;overflow:hidden;} .b1,.b2,.b3,.b1b,.b2b,...[ 查看全文 ]

  重走青春387

  11
• 
  使用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
• 
  用css实现图片替换

  标签：Web开发

  style  h2{font-size:14px; font-weight:bold; padding:10px 0; margin:5px 0; border-bottom:1px solid #ccc;}  .box2{}   .box2 img{display:block; padding:2px; border:0;}  .box2 a{color:#333; text-decoration:none;border:2px solid #FFF; float:left; cursor:hand;}   .box2 a span{display:none; color:#F00;}   .box2 a:hover{color:#999; b...[ 查看全文 ]

  孙蓝菲

  261
• 
  CSS圆角技术

  标签：Web开发

  要一个宽度不固定的框，事情变得有些复杂了。宽度不固定，就意味着这个框在水平和垂直方向都有足够灵活的变化。 为什么说这更难一些呢？因为它需要对四张图片的合适安置——每个圆角用一张。每个圆角都要独立出来，以便框能够在各个方向伸展。于是，四张图片就意味着需要四个HTML对象来作为背景图片的载体。 有一些实现办法包括在样式表中使用“生成内容”，即使用：before和:after伪类来为单独的一...[ 查看全文 ]

  鍖糕櫈

  21