文字阴影

    xiaoxiao2021-03-26  7

    练习目的:制作文字阴影

    源代码

    <!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> <style type="text/css"> <!-- #father { font-family: "黑体"; font-size: 60px; font-weight: bold; position: relative; margin:15px; } #father #word { position: absolute; color: #FF0000; z-index:1; } #father #shadow { color: #AAAAAA; position: absolute; z-index:0; top:4px; left:4px; } --> </style> </head> <body> <div id="father"> <div id="word">好好学习</div> <div id="shadow">好好学习</div> </div> </body> </html>

    转载请注明原文地址: https://ju.6miu.com/read-500186.html

    最新回复(0)