HTMLとディレクションによるCSS生成 | 天秤AI byGMO

おだんごん

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

HTMLを入力し，それに適用したいスタイルのディレクションを行うとCSSを生成してくれます。

3

0

58

2

がお気に入り登録しました。

投稿日時：

プロンプト実行例
プロンプトを見る

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}

コメント 0

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

画像生成
資料作成
プレゼン資料用イラスト生成
プレゼン資料で使えるイラストを作成できます。ネット検索やストック画像でよいイラストが見つからないときにご活用ください。
30
0
25
880
KeyFocus
GPTs
音楽
動画楽曲検索くん
私の役割は、Instagram、TikTok、YouTube、SoundCloud、Spotify、Apple Musicなどのプラットフォームからのオーディオクリップ、特に曲を特定することです。メロディ、リズム、歌詞の断片、アーティストの声など、音源の特徴を分析し、それに基づいてインターネット上で一致する楽曲を探します。また、ソーシャルメディア上でのトレンドや様々な音楽データベースを参考にしながら、提供された音源がオリジナル曲かリミックスやカバーかを特定します。曲についての追加情報、例えばアーティストやアルバムに関する情報も提供し、音楽探索の体験をサポートします。
1
0
173
526
user_60824834787750912
ロールプレイ
推奨モデル - GPT 4o
AIバトルロワイヤル！ ※Claude 3.5 Sonnet推奨！
能力と名前を入力するとバトル開始・・?!新作バトルロワイヤルです！！
0
0
2
142
アディラス
画像生成
キャラクター作成
Minecraft風キャラ生成
Minecraft風のキャラ画像を生成します。
1
0
25
956
アディラス