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

おだんごん

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

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

3

0

62

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
資料作成
日本地図作成
正確で美しい日本地図を描きます。統計データを基に都道府県を塗り分けた地図（コロプレスマップ）も描けます。都道府県別のデータ分析やプレゼン用の地図を作成するのに最適です。画像生成ではなく、PythonライブラリのJapanmapを使用しています。
4
0
62
278
ITnavi
資料作成
推奨モデル - ChatGPT
A4提案資料作成ツール
A4サイズの提案ドキュメント資料を自動で作成してくれるツールです。上司への提案や取引先への簡易提案など、ビジネスマンであれば必ず作らなければならない資料を自動作成します。 #ワード　#業務改善
12
0
142
944
Tam-BizAI編集長
GPTs
ロールプレイ
あなたの隠れた天才性を発見する！AI才能診断ジェネレーター
簡単な質問に答えるだけで、たった10分で「あなたの才能」「向いているしごと」「才能が発揮できる環境」「避けたほうが良い環境」をあなたの隠れた心理欲求から診断します。│ Designed by AIのある暮らし　 👉その他のおすすめGPTsはこちらです。 https://oshiete.ai/profiles/ainoarukurashi
0
0
126
619
AIのある暮らし
マーケティング一般
HP診断
HPについて
0
1
13
253
user_224566242298368000