html滚动广告栏代码
时间: 2023-11-02 12:06:39 浏览: 127
一份滚动广告的代码
以下是一个简单的HTML滚动广告栏代码示例:
```html
<div class="scrolling-ad">
<marquee behavior="scroll" direction="left">
<span>这里是广告内容1</span>
<span>这里是广告内容2</span>
<span>这里是广告内容3</span>
<span>这里是广告内容4</span>
</marquee>
</div>
```
CSS样式可以根据需要进行自定义,例如:
```css
.scrolling-ad {
overflow: hidden;
}
.scrolling-ad marquee {
height: 30px;
line-height: 30px;
font-size: 18px;
color: #fff;
background-color: #000;
padding: 0 10px;
}
```
此代码将创建一个黑色背景的滚动广告栏,其中包括四个广告内容。将`behavior`属性设置为`scroll`,将`direction`属性设置为`left`可使广告自动向左滚动。`<span>`标签用于包装每条广告内容,并使用CSS样式进行格式化。
阅读全文