完全な自作サイトではないのですが
会社の集客サイトで広告媒体のサイトなのですが
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
<head> <!-- ビューポートの設定 --> <meta name="viewport" content="width=device-width,initial-scale=1"><style type="text/css">
.btn01 {
font-size:30px; text-decoration: none; background-color:#fd0077;
background-image:url("http://margaret7292.com/material/013.gif?VER=20160716192359");
background-repeat: no-repeat;
background-position:center center;
display: block; width: 150px; height: 170px; line-height: 170px; /* 白抜きピンク色設定*/
text-align: center;
color: #fff;
text-shadow: 0px 0px 15px rgba(0,0,0,.5)#FF6694;
font-family: 'Hiragino Maru Gothic Pro','ヒラギノ丸ゴ Pro W4', sans-serif;
/* ここで動く速度とか設定 */ transition: all 1s ease; -webkit-transition: all 1s ease;
}
.btn01:hover {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
/* ウィンドウ幅が0?479pxの場合に適用するCSS */
@media screen and ( max-width:479px )
{
.photobbs
{clear:both;
margin:0 auto;
display: inline-block;
}
}
</style> </head> ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ と記述して テキストを白抜きで輪郭をピンクをぼやかしたようにしたかったのですが 反映されません。 該当のHTMLコードは ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・<div id="mainmenu"> <div class="btn01" style="float:left;text-align:center;"><a href="http://www.marguerite7292.com/top/girls/" target="_blank">女の子</a></div> <div class="btn01" style="float:left;text-align:center;margin-left:5px;"><a href="http://www.marguerite7292.com/top/schedule/" target="_blank">出勤表</a></div> <div class="btn01" style="float:left;text-align:center;margin-left:5px;"><a href="#systembox"target="_blank" >システム</a></div> <div div class="btn01" style="float:left;text-align:center;margin-left:5px;"><a href="http://www.cityheaven.net/kagawa/A3701/A370101/margaret/A6Map/" target="_blank" >アクセス</a></div> <div div class="btn01" style="float:left;text-align:center;margin-left:5px;"><a href="http://www.girlsheaven-job.net/9/margaret/" target="_blank" >求人情報</a></div> </div>` ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ となります。 よろしくお願いいたします。
回答2件
あなたの回答
tips
プレビュー