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}

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

物語・脚本・プロット
推奨モデル - GPT-4o
恋愛台本作成
TikTokで有名な恋愛ショート動画の台本作成です。恋愛動画の規模は大きいので、再生回数が伸びやすく、初めて投稿する人にもおすすめします。動画はこのまま「vrew」や「catcut」に入れて使ってみてください。余談ですが、TikTokはみんな神速でスワイプするので・最初にタイトルを持ってくる　か・本編をいきなりはじめる　などした方がいいです（体験談） #台本　#台本作成　#TikTok　#恋愛　#何でもOK　#バズ台本
1
0
31
138
てぃなの
GPTs
キャラクター作成
zoom背景生成
【zoom背景生成】センスがキラッと光るオリジナルzoom背景を作ります。選択肢から選べるように設計していますが、自由に指示して自分だけのお好みの背景を作成することもできます！
41
18
246
516
konmari
画像生成
資料作成
推奨モデル - DALL•E 3
プレゼンのスライド用イラスト生成　【プロンプト公開】
プレゼンテーションのクオリティを一段と高める、最先端の画像生成プロンプトです。ユーザーの意図を的確に反映し、フラットデザイン、ミニマリズム、イラストレーション、ラインアート、モダンコーポレートの5つのデザインパターンを駆使して、魅力的なビジュアルを作成します。特にラインアートのセクションでは、ファッション感覚と芸術的知見を融合し、現代的で洗練されたデザインを提供。あなたのプレゼンテーションを際立たせる、カスタマイズ可能なデザインソリューションです。 #イラスト生成 #画像生成 #PowerPoint #パワーポイント #プレゼンテーション
3
1
68
383
hirokaji
画像生成
キャラクター作成
推奨モデル - DALL•E 3
【インスタアイコン】水彩画の人物イラスト生成【プロンプト公開】
▼最新作はこちら▼ https://oshiete.ai/item_lists/73557973863457792 インスタグラムのアイコンとして使える水彩画風の人物イラストを生成するためのものです。 4つの質問に回答するだけで、簡単に人物イラストを生成することができます。 ▶以下のプロンプト自動生成ツールを利用して作成しました▼ https://oshiete.ai/items/115795382596354048 #LINE #instagram #TikTok #sns #twitter
2
1
31
234
Tam-BizAI編集長

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

コメント 0

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