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}

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

GPTs
キャラクター作成
顔面偏差値測定ツール
▼最新作はこちら▼ https://oshiete.ai/item_lists/73557973863457792 あなたの顔写真を送付するだけで顔面偏差値を数字で出力してくれます。各項目別に点数付けしてくれて、顔の強みや特徴まで分析してくれるツール。客観的評価を知りたい方はぜひ使ってみてください。
6
2
1.68K
5.97K
Tam-BizAI編集長
GPTs
キャラクター作成
キャラクター作成GPTs
あなただけのオリジナルキャラクター、作ります使い方は簡単、GPTsに作りたいキャラクターのイメージを伝えるだけ詳しい方法は X の POST で紹介 ⬇️ 「自分だけのキャラクターが欲しい」「可愛いちびキャラを描きたい」「イメージ通りにキャラクターを作れない 😭」このGPTsが、そのお悩みを解決します !! あなたの理想のちびキャラを簡単に、サクッと作っちゃいます #ChatGPT #DALLE3 #キャラクター
62
9
466
1.41K
べあ｜GPTs & Dify 開発👩‍💻
画像生成
物語・脚本・プロット
あ
あ
0
0
2
73
user_311006609198962688
画像生成
キャラクター作成
推奨モデル - DALL•E 3
X（旧twitter）のアイコン自動作成ツール
▼最新作はこちら▼ https://oshiete.ai/item_lists/73557973863457792 X(旧:twitter)のアイコンに使えるシンプルなイラストを作成するツールです。4つの質問を答えるだけであなたの顔をAIが予測します。 ▶GPTs版は写真を送るだけでアイコンを作成します▼ https://oshiete.ai/items/105652745924937728 ▶強化版の自動ツイート作成ツールもご利用ください▼ https://oshiete.ai/items/105645706892969984 #X #twitter #sns
6
3
103
675
Tam-BizAI編集長

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

コメント 0

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