HTMLとディレクションによるCSS生成

おだんごん

: HTMLとディレクションによるCSS生成

HTMLを入力し，それに適用したいスタイルのディレクションを行うとCSSを生成してくれます。

がお気に入り登録しました。

投稿日時：

プロンプト実行例
プロンプトを見る

HTMLを入力してください。

html
1<div class="SampleDiv">
2  <p class="SampleP">文字</p>
3  <span class="SampleSpan">右寄せ</span>
4</div>

指示を入力してください。

SampleDivは1行で表示できる要素です。 SamplePはSampleDivの中で左寄せ，SampleSpanは右寄せにしてください。

css
1.SampleDiv {
2  display: inline-block;
3}
4
5.SampleP {
6  text-align: left;
7}
8
9.SampleSpan {
10  text-align: right;
11}

他のプロンプトもチェック

画像生成
キャラクター作成
元気に笑う夏服の制服の女子高生
ひしゃくを両手でにぎってバットを振るポーズ
0
0
1
61
user_347829394986561536
物語・脚本・プロット
推奨モデル - Claude
簡単にバズる！「雑学系ショート動画」の台本生成
動画系SNSの視聴者がつい気になってしまい、確実にバズる雑学系ショート動画用の台本を簡単に作ります。入力したテーマの雑学を、実際にWEBで徹底リサーチしたうえで、動画台本にまとめます。＜手順＞最初はまず、「Perplexity WEB検索」を選択してください。テーマを送ると雑学をまとめますので、その次に「Claude 3.5 Sonet」に切り替えて「それらを動画ストーリーにまとめて。」と送信すれば、最適な台本が出来上がるという、2段階式となっています。短時間で視聴者に刺さるインパクトのある台本を作って、たくさんのおもしろ雑学動画をバズらせましょう！　
41
2
212
2.12K
VEP
GPTs
マーケティング一般
フレームワークおしえてくん
ビジネスフレームワークならお任せあれ。全139種のフレームワークに対応🌈。知りたいフレームワークの情報をシーケンス図とともに提供するよ🌟。 1. フレームワークの選択: ビジネスフレームワークのカテゴリーから選択できます。さまざまな分野がありますよ📚。 2. 難易度の設定: 初心者から上級者まで、あなたのレベルに合わせたフレームワークを提供します🎓。 3. 詳細情報の提供: 選択したフレームワークについて、内容、目的、シーケンス図、使用ガイドライン、注意点、実世界での応用例などを詳しく説明します📈。 4. フィードバックループ: さらなる情報や別のフレームワークについて知りたい場合は、いつでも質問してください。新しい選択肢や情報を提供します🔄。 5. ユーザー確認: 選択したカテゴリーや難易度が正しいことを確認し、適切な情報を提供します✅。ビジネスフレームワークについて学び、あなたのビジネスやプロジェクトに応用するのに役立つ情報を提供しますよ💡。それでは、どのカテゴリーから始めますか？🔍👇 https://note.com/hima2b4/n/n85112af5350d
6
1
79
255
hima2b4
GPTs
SNS投稿
日本語対応自動LINEスタンプメーカー
日本語のコメント入りのLINEスタンプを自動で作成してくれます。ワンタッチで、8枚のLINEスタンプ（おはよう・こんにちは・ありがとう・嬉しい！・ごめんなさい・びっくり・悲しい…・おやすみ）とLINEスタンプ出品時に必要なサムネイル画像とメイン画像の合計10枚の画像をzipファイルにまとめてくれます。さらに、日本語と英語でタイトルと説明文まで作成してくれるので、あなたは出品するだけです！ 1枚作成を選択すると、ご希望のキャラクター・表情・コメント内容とフォントの色で画像が生成可能なので、オリジナルなLINEスタンプを作ってみてくださいね♪
4
1
76
200
AIクリエイターKana

HTMLとディレクションによるCSS生成

コメント 0

他のプロンプトもチェック