作品本文の透明いろ ページ6
今度は作品本体を薄くして色をつける方法を教えます
div#container,div#content,div#navigation{ background:カラーコード; border:0; }
div#wrapper{background:カラーコード; }
カラーコードの部分にはrgbaという感じのカラーコードを入れましょう
例:rgba(255,153,255,0.4)薄い感じのピンクになります。0.4というのは薄さを指摘します。0.1から0.9までです
また周りにある光のような感じにするにはこちらを使います
box-shadow: 0 0 8px 4px カラーコード;
こちらでは好きな感じのコードを使用できます
PxはCSSをつくる時にもっとも重要となることなのでそこをちゃんと理解して調節して行けばもっと良くなります
こちらは作品を丸めにすることができます
border-radius: 15px
このソースは作品だけではなく色んな細かい部分まで丸めに出来ます
また線を引きたい場合はborderというソースを使います
なお、作者は作品全体に線を引くのはおすすめできないです
少し変な感じになってしまうからです
さっきの流れで行くとこんな感じになります
div#container,div#content,div#navigation{ background:transparent; border:0; }
div#wrapper{background:rgba(255,153,255,0.4); border:0; border-radius: 20px; box-shadow: 0 0 8px 4px #FF3333; border-radius: 15px; box-sizing: border-box; }
普通に色などややこしいことを使わないでやる場合はこちらです
#container,#content,#navigation{background:transparent !important; border:none !important;}
#topmenu,#topcon,#wrapper,#umbar{background:rgba(255,255,255,0.5) !important; border:none !important;}
174人がお気に入り
この作品を見ている人にオススメ
「CSS」関連の作品
感想を書こう!(携帯番号など、個人情報等の書き込みを行った場合は法律により処罰の対象になります)
まゆ(プロフ) - 質問よろしいでしょうか。小説の説明文の背景の色はどうすれば変えられるのでしょうか?テーマ色を設定して、プレビューで確認したら色がつくのに、保存して小説の確認をすると色がついていません。教えてください!! (11月11日 16時) (レス) id: ee04455451 (このIDを非表示/違反報告)
彩花/ayaka(プロフ) - 質問なのですが、設定ソースの他にHTMLはどうするんですか? (2022年8月19日 7時) (レス) id: cbcf5b3031 (このIDを非表示/違反報告)
空白時 - プレイリストに入れさせていただきました。 (2022年2月28日 10時) (レス) @page33 id: c09f9259d2 (このIDを非表示/違反報告)
狼狐(プロフ) - すみません。質問です。おしゃれなリンクの設定についてですが、どんな感じになるのでしょうか。また、色という所にはカラーコードを入れればよいのでしょうか。 (2022年2月27日 11時) (レス) @page33 id: 563f93d61f (このIDを非表示/違反報告)
作品は全て携帯でも見れます
同じような小説を簡単に作れます → 作成
この小説のブログパーツ
作者名:理沙 (舞花) x他5人 | 作成日時:2020年2月6日 6時