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}

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

文案作成
推奨モデル - Claude
メール文章返信カスタマーサポート
返信用メールを作ってくれます。
3
0
13
141
metaedu
GPTs
情報収集
AIトレンドリサーチャー
直近のAIトレンド・ニュースをリサーチして纏めてくれます。
1
0
24
103
teru
画像生成
マーケティング一般
推奨モデル - DALL•E 3
【インスタグラムストーリーズ作成】背景画像作成ツール
▼最新作はこちら▼ https://oshiete.ai/item_lists/73557973863457792 インスタグラムのストーリーズの背景に使う画像を出力するためのツールです。ストーリーズの構成・内容作成については以下のプロンプトを利用してみてください。 ▼縦長画像を作成したい場合は、以下のGPTs版をご利用ください▼ https://oshiete.ai/items/100593889273923584 ▼構成を作成したい場合は以下のプロンプトをご利用ください▼ https://oshiete.ai/items/100629462445410304 #インスタグラム　#インスタ
9
1
35
442
Tam-BizAI編集長
GPTs
キャラクター作成
『アスリートお宝画像風・AI美女』を生成するGPTs
👇最新作はこちら👇 https://oshiete.ai/profiles/user_55332610834961408 AI美女生成ツールのGPTs版を作成しました！ボタン1つでアスリート美女が生成されます。リアルな美女生成に興味がある方にオススメです。 #SNS #instagram #tiktok #x
1
1
49
380
Yohei Morimoto ~AIを活用した動画制作・Dify開発~

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

コメント 0

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