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

おだんごん

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

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

3

0

51

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

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

画像生成
キャラクター作成
推奨モデル - DALL•E 3
オリジナルポケモン作成ツール
▶最新の有益プロンプトはこちら▼ https://oshiete.ai/item_lists/73557973863457792 あなた自身やあなたのペットをポケモソかしませんか？SNSアイコンにも利用可能！タイプと特徴を入力するとオリジナルのポケモソが出力されます。まずは1度試してみてください！ #twitter #X #instagram #インスタグラム
8
1
43
1.21K
Tam-BizAI編集長
資料作成
推奨モデル - GPT 4o
A4提案資料作成ツール
A4サイズの提案ドキュメント資料を自動で作成してくれるツールです。上司への提案や取引先への簡易提案など、ビジネスマンであれば必ず作らなければならない資料を自動作成します。 #ワード　#業務改善
12
0
141
716
Tam-BizAI編集長
語学学習
英単語を調べる
英単語やフレーズを調べます。語源、例文、類語などもあわせて調べて単語の記憶に役立てます。
1
0
4
49
user_168706485155704832
メール作成
仕事で休みをもらいたい時に使える無難な文章
LINEやメールで休みをもらう連絡をする時に使える便利なプロンプト
0
0
23
281
あっちゃん