实现笔墨的镂空效果紧张运用了CSS3中的text-stroke属性，通过该属性可以设置笔墨的描边效果
<!DOCTYPE html><html><head> <title>标题-爆米花</title> <link rel="stylesheet" type="text/css" href="mystyle.css"> <script type="text/javascript" src="linkJavaScript.js"></script> <meta charset="UTF-8"> <style type="text/css">body{ background-image: url('./2.jpg'); text-align:center; /设置笔墨居中/}div{ font-family:"华文彩云";/设置字体/ font-size:30px; /设置字体大小/ font-weight:bolder; /设置字体粗细/ -webkit-text-stroke:1px #2be20e; /笔墨描边/ -webkit-text-fill-color:transparent; /设置笔墨的添补颜色/}</style> <script> document.write("hover殊效!<br><hr>") </script></head><body> <hr>爆米花的内容<br> <div>硕人其颀，衣锦褧衣。</div><div>齐侯之子，卫侯之妻。</div><div>东宫之妹，邢侯之姨，谭公维私。</div><div>手如柔荑，肤如凝脂。</div><div>领如蝤蛴，齿如瓠犀。</div><div>螓首蛾眉，巧笑倩兮，美目盼兮。</div><div>硕人敖敖，说于农郊。</div><div>四牡有骄，朱幩镳镳。</div><div>翟茀以朝。</div><div>大夫夙退，无使君劳。</div><div>河水洋洋，北流活活。</div><div>施罛濊濊，鳣鲔发发。</div><div>葭菼揭揭，庶姜孽孽，庶士有朅。</div> </body></html>
