发布时间：2026-07-21阅读(1)
实现文字的镂空效果主要应用了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>
Copyright © 2024 有趣生活 All Rights Reserve吉ICP备19000289号-5 TXT地图HTML地图XML地图
