HTMLとディレクションによるCSS生成 | 天秤AI byGMO

おだんごん

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

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

3

0

59

2

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

投稿日時：

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

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

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

物語・脚本・プロット
推奨モデル - GPT 4o
進次郎構文メーカー
入力されたキーワードをもとに進次郎構文を生成します。クスッとしたい方必見です🤙 #小泉進次郎　#進次郎構文
2
0
81
5.85K
AIの先生 | OMG-okinawa
画像生成
物語・脚本・プロット
キツネとパンダが見る風景
キツネとパンダが満天の星空の下、何かをしています。一緒に星空を鑑賞したい方に。
8
0
5
92
norifox
画像生成
キャラクター作成
推奨モデル - Midjourney
【美女図鑑】30代から40代の美魔女を生成
【High quality】美魔女が4パターン生成されます。何回か試してお気に入りを見つけよう！過去のコンテスト入賞作品🥇はこちら▷ zizi.ly/7f3fa9　「こういう女性を生成したい」などのご要望はコメント欄へどうぞ！ #SNS #Instagram #X #Twitter #TikTok #ChatGPT #画像生成 #マーケティング
0
0
25
1.11K
AIの先生 | OMG-okinawa
GPTs
語学学習
Japanese-English Interpreter（日英通訳機）
日本語を英語に、英語を日本語に、自動的に判別して通訳します。パソコン上でも翻訳機として使えますが、スマホのChatGPTアプリの音声会話モードでの使用を推奨します。スマホが通訳機に変身します。通訳の結果をテキストで残すこともでき、市販の高価な専用通訳機以上に高性能です。
1
0
19
125
ITnavi