ホームページ >ウェブフロントエンド >htmlチュートリアル >写真を使わずにこのスタイルを実現する方法を教えてください。ありがとうございます。 _html/css_WEB-ITnose
写真を使わずにこのスタイルを実現する方法を教えてください。ありがとうございます。 _html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:14:361027ブラウズ
画像を使用せずにこのスタイルを実装し、幅を適応させる方法を教えてください。ありがとうございます。
写真に示されているように:
ディスカッションへの返信 (解決策)
補足すると、写真の貼り方がわかりませんが、右側が消えています: (
絶対配置を使用してフレーム内にテキストを配置します。 上記で十分です
<!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">#all{ margin:20px auto; width:960px;}#panel{ border:#09F 1px solid; position:relative; width:600px;}#title{ position:absolute; left:20px; top:-15px; background:#FFF; padding:5px 10px;}</style></head><body><div id="all"><div id="panel"><div id="title">基本信息</div><p>内容</p></div></div></body></html> d841174950ccfa336c12343de5ae0eda
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
711111a68e3bf70efb24826f898d6478
b2386ffb911b14667cb8f0f91ea547a7無題ドキュメント6e916e0f7d1e588d4f442bf645aedb2f
332c3b96acfab18ee459d6fed8283f12
6c04bd5ca3fcae76e30b72ad730ca86d84d5cd8bde30ec4b6e83a1e2ae1d36batesta814477f903c8e27bd1ff8e5c6bbe7c1
< ;/fieldset>
< ; /body>
ありがとう、#4 bigc2001 の方法はとても簡単です。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。