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
音楽
動画楽曲検索くん
私の役割は、Instagram、TikTok、YouTube、SoundCloud、Spotify、Apple Musicなどのプラットフォームからのオーディオクリップ、特に曲を特定することです。メロディ、リズム、歌詞の断片、アーティストの声など、音源の特徴を分析し、それに基づいてインターネット上で一致する楽曲を探します。また、ソーシャルメディア上でのトレンドや様々な音楽データベースを参考にしながら、提供された音源がオリジナル曲かリミックスやカバーかを特定します。曲についての追加情報、例えばアーティストやアルバムに関する情報も提供し、音楽探索の体験をサポートします。
1
0
1.98K
3.74K
user_60824834787750912
GPTs
マーケティング一般
連動企画
X Character Post Creator
Xの配信内容をキャラクターに合わせて作成します。キャラクターに合わせた口調や配信内容をカスタマイズして、配信文を提案してくれます。
4
0
24
230
ロボうさぎ
画像生成
キャラクター作成
推奨モデル - DALL•E 3
【フェルトペン画】　手描き風の顔イラスト
シンプルなフェルトペン画の顔イラストを作りませんか？フェルトペン特有の優しい雰囲気を楽しみましょう♪ お気に入りの表情が出るまで、繰り返し生成してみて下さいね。＊表情は4数以上で再設定しています。気に入ったら「お気に入り（♥のボタン）」、コメントをお願いします。 #cute #face #faceillustration #pendrawing
5
2
16
297
Luna_ai_jp
画像生成
キャラクター作成
推奨モデル - DALL•E 3
ドット絵でキャラクターの立ち絵を作成します。
ドット絵で特定項目を設定し、それに沿ったキャラクターが作成されます。前面、背面を作成するよう指定していますが、背面がうまく出ないことが多いです。側面はどう頑張っても出力されませんでした。カラーパレットは頼んでないのに結構出てきます。
5
0
29
350
いえーい

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

コメント 0

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