采用
<div contenteditable="true" style="border:2px inset;width:200px;height:100px;overflow:auto;padding:5px" onbeforedeactivate="tt.innerText=this.innerHTML">mY nAme is LeXRus</div>
<textarea name="tt"></textarea>
<button>提交</button>
下面代码在firefox、chorme无效，只适用于ie
</pre>
<pre id="best-content-33011741"><textarea id="test"></textarea>
<script ......
如何使用css在不修改图片源的前提下装饰你的图片画廊。这里用到的技巧也很简单，就是在图片之前创建一个<span>，并在span上使用background-image生成一个遮罩的效果。这种方式既简单又灵活，demo中介绍了20多种样式，大家可以参看。
这种css技巧带来的好处
节约时间 — 你不需要在photoshop中创建图片模板，然后为每张图片生成独立文件。
保留原始图片源 — 我们不用担心日后需要更换图片主题的时候，没有原图片。因为我们根本没有修改他。
相当的灵活 — 你只需要调整css就能换一个完全不同的样式。
在任何站点都能工作 — ......
CSS3 为 Web 开发带来了非常令人兴奋的变化，特别是 CSS 3D 转换、动画等特性的支持，可以轻松的创建很酷的 Web 效果。
CSS3新增添了实现动画效果的新功能，通过本文，你可以对这些新功能有个初步了解。今天就分享一些悬停效果，可以更好的帮助你开发
DEMO
HTML标记
这个简单的结构使我们能够使这些效果。正如你可以看到下面的代码中我们创建了一个父类视图，里面的内容。然后，我们创建一个类的面具，我们将了CSS3过渡到悬停效果。在后面的例子中，这个语法可以稍稍发生变化，这取决于你想要的效果应用。
1 <div class="vi......
浮出层是web页面中经常用到的功能，带有小小尖角的浮出层则更为生动，所以今天带给大家的是有角的浮出层，一起看看吧！
点此查看实例展示
是的，我们即将实现的就是以上功能，是不是很生动？
贴上HTML：
<div class="poptip">
<span class="poptip-arrow poptip-arrow-top"><em>◆</em><i>◆</i></span>
<span class="poptip-arrow poptip-arrow-right"><em>◆</em><i>◆</i></span>
<span class="poptip-arrow poptip-arrow-bottom......
<!DOCTYPE html>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>定义input type=”file” 的样式</title>
<style type=”text/css”>
body{ font-size:14px;}
input{ vertical-align:middle; margin:0; padding:0}
.file-box{ position:relative;width:340px}
.txt{ height:22px; border:1px solid #cdcdcd; width:180px;}
.btn{ background-color:#FFF; border:1px solid #CDCDCD;height:......