HTMLとディレクションによるCSS生成 | 教えてAI byGMO

おだんごん

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

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

3

0

49

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

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

GPTs
資料作成
日本地図作成GPT
Pythonのjapanmapライブラリを使用して日本地図を描きます。日本語表示にNotoSansJPを使用します。都道府県別の色の塗り分けもできます。 WebPilotのAPIを追加しました。ネット上の統計データにアクセスして、都道府県を塗り分けた地図（コロプレスマップ）を描けるようになりました。【入力例】・日本地図を描いてください。・東京都を赤く塗った日本地図を描いてください。・人口300万人以上の都道府県を青く塗った日本地図を描いてください。・https://uub.jp/rnk/p_l.htmlの人口増加率を基に、都道府県を塗り分けた地図を描いてください。
2
1
144
466
ITnavi
GPTs
資料作成
殴り書きしたメモを綺麗な議事録に整形してくれる
読みやすい議事録をknowledgeファイルとして読み込ませてあるので、そのままchatGPTに整形させるより綺麗な形になります。
9
1
111
722
user_73240048695891968
物語・脚本・プロット
夢に関する雑学
夢に関する雑学
0
0
5
69
user_203668331413326848
画像生成
キャラクター作成
推奨モデル - DALL•E 3
メッセージ入り！想いを伝えるワッペンメーカー
メッセージ入りのかわいいオリジナルワッペンが簡単に作れます！ DALL･EとMidjourneyの両方に対応しています。
2
0
29
160
Monji