CSS制作三角形广告引导文字效果(5)

                远离都市尾气生活！</div>  

        </div>  

    </div>  

</div>  

<div class="fr arrow_shadow">  

    <div class="arrow_lcontent6 fl">  

        <div style="margin-top: 13px">  

            <div>  

                买房装修</div>  

            <div>  

                一步到位</div>  

        </div>  

    </div>  

    <div class="arrow_ltitle6 fl">  

    </div>  

    <div class="arrow_rtitle6 fl">  

        <div class="arrow_rcontent6">  

            <div>  

                四川家装连锁品牌芙蓉锦城提供多种精装套餐服务，实体样板呈现，恭迎品鉴</div>  

        </div>  

    </div>  

</div>    

CSS样式如下：

CSS Code复制内容到剪贴板

body{font-family: 微软雅黑; padding:0; margin:0px auto; width:700px; }   

.fl{float: left;}   

.fr{float: rightright;}   

.empty10{ height:20px; clear:both}   

.shadow{-moz-box-shadow: 0 0 20px #777676;box-shadow: 0 0 20px #777676; padding: 5px; background: white;}   

（编辑：ASP站长网）