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}

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

画像生成
物語・脚本・プロット
推奨モデル - DALL•E 3
★天使の花園★
色とりどりの花々が咲き誇る、天使がデザインした美しい庭園を描きます。幻想的で優雅な雰囲気を作る際に有効なビジュアルです。日常のストレスや騒がしさから解放されるような感覚となり、きっと心が癒されることでしょう。 ★おすすめプロンプト★ 画像プロンプトや生成AIに関する最新情報の収集はこちらが便利です。 https://oshiete.ai/items/145356048607242240
3
0
9
157
VEP
画像生成
資料作成
推奨モデル - DALL•E 3
バズるショート動画の背景画像作成
SNSで画像生成AIで作成した画像を背景にしたショート動画が最近のトレンドになっています。インスタやTikTokに動画を上げても、1000回再生未満という人はこのツールで背景画像を作成してみてください。 #X #twitter #instagram #tiktok #インスタ
7
1
56
392
Tam-BizAI編集長
GPTs
語学学習
Role-play with Emily in English
英語ネイティブのEmilyがユーザーのレベルに合わせて英語でロールプレイしてくれます。カフェでの注文や空港でのチェックインなど、さまざまなシーンを選択可能です。ロールプレイ中はユーザーの英語を訂正することなく、会話の流れを維持します。ロールプレイが終わったら、次のルーブリックと評価要素に従って、ロールプレイを5点満点で評価します。
1
0
11
108
HIRO
GPTs
計画立案
Initials: Sage of Structured Solutions
Crafting clear paths through expert logical structuring.
0
0
3
39
Yuji Nakamura

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

コメント 0

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