`
leeight
  • 浏览: 23520 次
社区版块
存档分类
最新评论

一幅CSS做的对联

CSS 
阅读更多

<style>
.font  { font-family: 隶书; font-size: 36pt; color: #000000; font-weight: bold;
               background-color: #FF0000 }
.font1{ font-family: 隶书; font-size: 36pt; color: #000000; font-weight: bold }
 </style>

<div style="position: absolute; top: -1; left: 184; width: 85; height: 103; font-size: 64pt; color: red">◆</div>
<div style="position: absolute; top: 12; left: 198; width: 43; height: 43;filter:flipv" class=font1>福</div>
<div style="position: absolute; top: -2; left: 498; width: 85; height: 103; font-size: 64pt; color: red">◆</div>
<div style="position: absolute; top: 12; left: 513; width: 49; height: 48;filter:flipv" class=font1>福</div>
<div style="position: absolute; top: 80; left: 217; width: 320; height: 386; font-size: 240pt; color: red">◆</div>
<div style="position: absolute; top: 152; left: 292; width: 160; height: 160; font-size: 120pt; font-family: 隶书">春</div>
<div style="position: absolute; top: 10; left: 120; width: 527; height: 388">
  <table border="0" cellpadding="0" cellspacing="0" width="527" height="231">
    <tr>
      <td height="21" width="46"></td>
      <td height="21" width="449">
        <p align="center"><span class=font>金贵特曲</span></td>
      <td height="21" width="51"></td>
    </tr>
    <tr>
      <td height="211" width="46" align="center" class="font">
        <p align="center">高<br/>
        山<br/>
        流<br/>
        水<br/>
        遇<br/>
        知<br/>
        音</td>
      <td height="211" width="449" align="center"></td>
      <td height="211" width="51" align="center" class="font">琴<br/>
        声<br/>
        美<br/>
        酒<br/>
        迎<br/>
        贵<br/>
        客</td>
    </tr>
  </table></div>

<style type="text/css">.font{ font-family: 隶书; font-size: 36pt; color: #000000; font-weight: bold;background-color: #FF0000 }.font1{ font-family: 隶书; font-size: 36pt; color: #000000; font-weight: bold }</style>

金贵特曲















分享到:
评论

相关推荐

    符合web标准且可单独关闭的多幅对联广告.rar

    这种广告设计不仅需要遵循Web标准,确保在各种浏览器和设备上的兼容性,还需要提供用户友好的功能,比如可以独立关闭每一幅广告。这种设计方式既满足了广告展示的需求,又尊重了用户的浏览体验。 首先,Web标准是指...

    符合web标准且可单独关闭的多幅对联广告

    综上所述,创建符合Web标准且可单独关闭的多幅对联广告需要结合ASP、HTML、CSS和JavaScript技术。通过合理的设计和编程,我们可以实现一个既美观又实用的广告系统,既满足了广告商的需求,又提升了用户的浏览体验。...

    网页广告 代码全集 js 广告代码 62-120 大全 (B)

    33:div+css显示对联带关闭代码下载 34:文字导航广告代码演示下载 35:文字滚动消息广告代码下载 36:大幅商品展示广告代码下载 37:TOP排列幻灯广告代码下载 38:下拉显示幻灯广告代码下载 39:文字上翻幻灯广告...

    网页广告 代码全集 js 广告代码 大全 1-61 (A)

    33:div+css显示对联带关闭代码下载 34:文字导航广告代码演示下载 35:文字滚动消息广告代码下载 36:大幅商品展示广告代码下载 37:TOP排列幻灯广告代码下载 38:下拉显示幻灯广告代码下载 39:文字上翻幻灯广告...

    常用网页广告代码全集-js广告代码大全.pdf

    一、网页广告代码分类 在本资源中,我们可以将网页广告代码分为以下几类: 1. 翻页式广告代码:包括对联广告代码、幻灯图片代码、横向滚动图片代码等。 2. 自动翻滚广告代码:包括大幅自动轮换代码、大幅图片广告...

    网页广告动态代码

    这些代码通常由HTML、CSS、JavaScript或Flash等技术编写,用于实现各种广告形式,如对联广告、幻灯片、滚动图片、全屏广告等。以下是一些常见的网页广告动态代码类型及其特点: 1. 对联广告:这种广告形式通常出现...

    《程序天下:JavaScript实例自学手册》光盘源码

    17.3 CSS+JS制作的进度条(一) 17.4 CSS+JS制作的进度条(二) 17.5 进度条形式的下载效果 17.6 滑动条(一) 17.7 滑动条(二) 17.8 窗体滚动条随文字增加自动滚动 17.9 为textarea加横向滚动条 17.10 记录滚动条...

    程序天下:JavaScript实例自学手册

    17.3 CSS+JS制作的进度条(一) 17.4 CSS+JS制作的进度条(二) 17.5 进度条形式的下载效果 17.6 滑动条(一) 17.7 滑动条(二) 17.8 窗体滚动条随文字增加自动滚动 17.9 为textarea加横向滚动条 17.10 记录滚动条...

    精通JavaScript

    • 4.5.htm if语句的嵌套之一 • 4.6.htm if语句的嵌套之二 • 4.7.htm switch语句 • 4.8.htm while循环语句 • 4.9.htm do-while循环语句 • 4.10.htm for循环...

    VeryIDE Bee 互动营销**台 v1.5 UTF-8.rar

    修正 IE6 以下对联广告不能正确定位的问题,感谢 得意生活 提交问题 修正 专题不能生成多页面的问题,感谢 吴越在线 提交问题 修正 各浏览器中"漂浮广告"的表现,感谢 吴越在线 提交问题 修正 投票子选项在被禁用...

Global site tag (gtag.js) - Google Analytics