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}

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

画像生成
SNS投稿
推奨モデル - DALL•E 3
シンプルで可愛いヘビの新年SNSアイコン🎉
✨新年を彩る、とびきり可愛いアイコンを作ろう！✨ あなたのSNSやメッセージを一瞬で新年ムードに変える魔法のイラストです！キュートなヘビが楽しそうに微笑む姿に、黄金の光が溢れるお祝いムード満載のデザイン。しかも、あなたの好きな文字（英数字のみ）を入れて、完全オリジナルのアイコンに仕上げられます。 🎉 こんなときに使える！ - SNSのプロフィール写真を新年バージョンにチェンジ！ - メッセージカードや年賀状のデザインにぴったり！ - プレゼントやプロモーション用に特別感あふれるデザインを作成！ 🎨 遊び心と日本らしさを融合！日本のアニメスタイルで描かれたヘビが、新年の幸運を運んでくれるような気分に。黄金の光が眩しい背景で、見る人の心を掴むこと間違いなし！ ✨今年のスタートを最高にハッピーに！✨ 今すぐこのプロンプトを使って、新年にふさわしい、自分だけのアイコンを作りましょう！
1
0
26
244
VEP
GPTs
キャラクター作成
あなたの代名詞となるプロフィール画像を作成するツール
▼最新作はこちら▼ https://oshiete.ai/item_lists/73557973863457792 SNSのプロフィール画像に使える1枚を！！いまからあなたに1パーソナルな質問を投げかけます。あなたのパーソナリティに合わせた、イメージ画像を作成し出力。これ一枚であなたが分かる！そんな画像を作成します。
23
6
725
2.28K
Tam-BizAI編集長
SNS投稿
今日の運勢占い
今日の運勢を占います
1
1
10
103
アディラス
GPTs
要約
✨Perfect Prompt ✨ 完璧なプロンプトが一発で完成!!!!
👇最新作はこちら👇 https://oshiete.ai/profiles/user_55332610834961408 AI使ってて一番大変なのってプロンプトじゃないですか？ということで、作成したいプロンプト内容を書けば一瞬で高精度なプロンプトを書き出してくれるGPT作りました。出来上がったプロンプトはコピペしてそのまますぐに使用可能です。
5
0
74
287
Yohei Morimoto ~AIを活用した動画制作・Dify開発~

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

コメント 0

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