html5利用frame实现简单的框架布局

2024-10-24 04:08:15

1、首先建立一个html5文件,命名为imgx,核心代码如下所示:<table width="100%"> <tbody> <tr> <td id="t1" background="../../老电脑文件/html5/samle_img/timg.jpg" width="100%" height="300px"> <h1 >欢迎进入xxx官方网站</h1> </td> </tr> </tbody></table>实现如下图所示的结果:<style type="text/css"> #t1{ text-align: left; color: #fff; vertical-align: top; } </style>

html5利用frame实现简单的框架布局

3、新建一个文件p,核心代码如下:<p>初学HTML5,这是我第一次对跑马灯效果的尝试,希望可以有作用</p>

html5利用frame实现简单的框架布局

5、运行frame.html,即可看到最终效果

html5利用frame实现简单的框架布局
猜你喜欢