104465 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

CSS覚書

CSS覚書

色の指定方法が2種類あるのはNetscape Composerが代筆するときがあるから。

<p style="background:#e0e0ff ;border:dashed 1px #1a00ff;padding:0.8em;font-size:0.8em;">

</p>

<p style="background:#777777 ;color:#dddddd;border-bottom:solid 1px #cce6ff;padding:0.5em;">

</p>

<table width="100%" border="0" cellspacing="0" cellpadding="2" align="center"><tr align="left" valign="middle" bgcolor="#ccccff"><td>  </td><td nowrap align="right"><font size="-1">MM月DD日(W)</font></td></tr></table>

<p style="border: thin dashed rgb(255, 153, 255); padding: 0.5em 1em 0pt; background-color: rgb(255, 250, 255);">

</p>

<p style="border: thin dashed #cccccc; padding: 0.5em 1em 0pt; background-color: rgb(255, 255, 250);">

</p>

<p style="border-style: solid; border-color: rgb(184, 120, 136) rgb(184, 120, 136) rgb(160, 72, 72) rgb(160, 72, 72); border-width: 1px 3px 3px 1px; padding: 0.5em; background: rgb(254, 254, 254) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-inline-policy: initial; -moz-background-origin: initial; color: rgb(119, 119, 119);">

</p>

<p style="border-style: none none none solid; border-color: rgb(179, 230, 255); border-width: 0px 0px 0px 15px; margin: 0pt 10%; padding: 0.5em; background-color: rgb(245, 245, 240); font-size: 80%;">

</p>

<p style="border-style: solid; border-color: rgb(238, 238, 238) rgb(200, 200, 200) rgb(200, 200, 200) rgb(238, 238, 238); border-width: 1px 3px 3px 1px; margin: 1em 10%; padding: 0.5em; background: transparent url(http://[背景にしたい画像のurl]/[画像名]) repeat scroll 0% 50%; color: rgb(119, 119, 119);">
<span style="border-style: dashed; border-color: rgb(150, 150, 150); border-width: 0px 0px 1px;">

</span></p>
::: 背景画像 ::: 師匠小屋

<dl style="border: thin dashed rgb(255, 153, 255); padding: 0em; background-color: rgb(255, 250, 255);"> <dt style="background-color: rgb(255, 200, 255); padding:5px;font-weight:bold;"> ★店舗名★ </dt>
<dt style="padding: 0.5em;"> ★商品写真★&★商品名★ </dt>
<dd style="padding:0em 0em 0em 4em; line-height:1.25em;"> ★紹介文★ </dd> </dl>


© Rakuten Group, Inc.