ホームページ >ウェブフロントエンド >CSSチュートリアル >css3を使用してドラえもんコードを実装する
css3を使用してドラえもんコードを実装する
- 高洛峰オリジナル
- 2017-03-28 10:15:111754ブラウズ
この記事は主にCSS3を使用してドラえもんコードを実装する方法を紹介しています。興味のある方は参考にしてください
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><p class="doraemon"> <p class="head"> <p class="eyes"> <p class="eye left"><p class="black bleft"></p></p> <p class="eye right"><p class="black bright"></p></p> </p> <p class="face"> <p class="white"></p> <p class="nose"><p class="light"></p></p> <p class="nose_line"></p> <p class="mouth"></p> <p class="mouth"></p> <p class="whiskers"> <p class="whisker rTop r160"></p> <p class="whisker rt"></p> <p class="whisker rBottom r20"></p> <p class="whisker lTop r20"></p> <p class="whisker lt"></p> <p class="whisker lBottom r160"></p> </p> </p> </p> <p class="choker"> <p class="bell"> <p class="bell_line"></p> <p class="bell_circle"></p> <p class="bell_under"></p> <p class="bell_light"></p> </p> </p> <p class="bodys"> <p class="body"></p> <p class="wraps"></p> <p class="pocket"></p> <p class="pocket_mask"></p> </p> <p class="hand_right"> <p class="arm"></p> <p class="circle"></p> <p class="arm_rewrite"></p> </p> <p class="hand_left"> <p class="arm"></p> <p class="circle"></p> <p class="arm_rewrite"></p> </p> <p class="foot"> <p class="left"></p> <p class="right"></p> <p class="foot_rewrite"></p> </p> </p></p></body></html>
以上がcss3を使用してドラえもんコードを実装するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。