CSS CSS疑似要素 :before, :after で作る見出しデザイン リボン 吹き出しの見出しを作る時は、文字の入った枠の下に同色の小さな三角を敷いた。 リボンの見出しを作る時は、文字の入った枠の上に白い三角をのせて、その部分が切り取られているように見せる。 2017.08.12 CSS
CSS CSS疑似要素 :before, :after で作る見出しデザイン 吹き出し 疑似要素 :before, :after 最初はとても難しく考えていたけれど、簡単に色んなものをくっつけられて便利♪ 見出しの文字を入れた枠に 色、サイズ、位置など指定して三角をくっつければ吹き出しの見出しができる。 2017.08.11 CSS
CSS CSSで指定する見出しデザイン radial-gradient ドット(水玉)の背景 ドット(水玉)の背景を作る時は円グラデーションのradial-gradientを使う。 background-size: 20px 20px;→敷き詰める背景1マス分のサイズ。 background-image: radial-gradient(#ffbfbf 20%, transparent 0), radial-gradient(#ffbfbf 20%, transparent 0); 2017.08.06 CSS
CSS CSSで指定する見出しデザイン repeating-linear-gradient ストライプの背景 ストライプの背景を作る時は 線グラデーションを繰り返すrepeating-linear-gradientを使う。 background:repeating-linear-gradient(45deg, #ffe1e1, #ffe1e1 5px, #ffffff 5px, #ffffff 10px); (向き=角度,1つ目のグラデ―ションの開始カラーと開始位置,終了カラーと終了位置,2つ目の開始カラーと開始位置,終了カラーと終了位置) 2017.08.05 CSS
CSS CSSで指定する見出しデザイン linear-gradient グラデーションの背景 背景の線グラデーションの基本の書き方は background:linear-gradient(向き, 開始カラーと開始位置%, 終了カラーと終了位置%); ※グラデーションの開始位置が0%、終了位置が100%の時は、それぞれ省略できる。 2017.08.04 CSS
CSS CSSで指定する見出しデザイン border-radius 角丸 border-radius:○px; で全ての角の丸みをまとめて指定。 それぞれ指定する時は border-radius:左上の角、右上の角、右下の角、左下の角。 2017.08.03 CSS
CSS CSSで指定する見出しデザイン box-shadow シャドウ ドロップシャドウをつける時は box-shadow : X軸のオフセット Y軸のオフセット ぼかし 色 。 色の指定は、カラー番号またはRGBa(R,G,B,0~1であらわす透明度)で。 2017.08.02 CSS
CSS CSSで指定する見出しデザイン border 枠 枠線をまとめて指定する時は border : 1px solid #cc0000; (線の太さ 線の種類 線の色) 。 四辺それぞれに違う設定をする時は border-top、border-right、border-bottom、border-leftを使う。 2017.08.01 CSS
神社仏閣・仏像・御朱印 皇大神宮別宮・月讀宮(つきよみのみや)の御朱印 あてている漢字は違うけれど、外宮の別宮・月夜見宮と同じく、天照大神の弟神・月読尊と、月読尊の荒御魂を、こちらでは別々におまつりしている。伊弉諾尊(いざなぎのみこと)、伊弉冉尊(いざなみのみこと)もおまつりしていてここには4つの別宮がある。ま... 2017.07.31 神社仏閣・仏像・御朱印旅行三重の神社仏閣・仏像・御朱印
神社仏閣・仏像・御朱印 皇大神宮別宮・倭姫宮の御朱印と徴古館 皇大神宮創建に功績のあった倭姫命(やまとひめのみこと)をおまつりしている皇大神宮(内宮)の別宮・倭姫宮(やまとひめのみや)。倭姫命は、神宮のお祭りと経営の規模を確立した斎王(さいおう)。御朱印をいただいた。倭姫宮のページ 倭姫宮から徒歩で行... 2017.07.31 神社仏閣・仏像・御朱印旅行三重の神社仏閣・仏像・御朱印