易截截图软件、单文件、免安装、纯绿色、仅160KB

CSS圆角

介于纯粹CSS的无图片圆角实在是代码太乱,还是倾向于利用图片结合CSS来自做圆角;
(1)高宽皆自适应:
.roundedcornr_box_510746 {
   background: #dddddd url(roundedcornr_510746_grad.gif) repeat top left;width:300px;
}
.roundedcornr_top_510746 div {
   background:transparent url(roundedcornr_510746_tl.gif) no-repeat top left;
}
.roundedcornr_top_510746 {
   background:transparent url(roundedcornr_510746_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_510746 div {
   background:transparent url(roundedcornr_510746_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_510746 {
   background:transparent url(roundedcornr_510746_br.gif) no-repeat bottom right;
}
.roundedcornr_top_510746 div, .roundedcornr_top_510746,
.roundedcornr_bottom_510746 div, .roundedcornr_bottom_510746 {
   width: 100%;
   height: 30px;
   font-size: 1px;
}
.roundedcornr_content_510746 { margin: 0 30px; }
-->
</style>
<div class="roundedcornr_box_510746">
   <div class="roundedcornr_top_510746"><div></div></div>
      <div class="roundedcornr_content_510746">
      <h1>hello world</h1>
         Lorem ipsum dolor sit amet, consectetur
         adipisicing elit, sed do eiusmod tempor incididunt
         ut labore et dolore magna aliqua. Ut enim ad minim
         veniam, quis nostrud exercitation ullamco laboris
         nisi ut aliquip ex ea commodo consequat. Duis aute
         irure dolor in reprehenderit in voluptate velit esse
         cillum dolore eu fugiat nulla pariatur. Excepteur
&n


相关文档:

CSS滑动门横向菜单栏

效果如下:
              
实现方法:利用一下两张图片:                
前台代码:
 <div id="nagivation">
    &nb ......

300+Jquery, CSS, MooTools 和 JS的导航菜单资源


   
如果你是网站前端开发人员,那么对你来说,也许做一个漂亮导航菜单会很得心应手。本文要为大家总结各种导航菜单的资源,以便让大家的网站前端开发的工作更
方便更快速,只要选择现成的例子就可以应用于自己的网站了。本文收集的这些资源,从非常简单的HTML和CSS导航菜单,到非常复杂和高级的
JQuer ......

CSS学习者:2008年不要作浮躁的人

新的一年,新的开始!网页教学网与各位共勉!本文写给CSSer同仁——请不要做浮躁的人 
  不要被对象、属性、方法等词汇所迷惑;最根本的是先了解最基础知识; 
  不要放过任何一个看上去很简单的小问题--他们往往并不那么简单,或者可以引伸出很多知识点;不会举一反三你就永远学不会;  ......

js/css语法对照


盒子标签和属性对照
CSS语法(不区分大小写)
JavaScript语法(区分大小写)
border
border
border-bottom
borderBottom
border-bottom-color
borderBottomColor
border-bottom-style
borderBottomStyle
border-bottom-width
borderBottomWidth
border-color
borderColor
border-left
borderLeft
border ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号