代码<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Overflow-滚动</title>
<!--定义内部样式-->
<style>
.css1{
background: #4CAF50;/*背景颜色*/
color: white;/*字体颜色：白色*/
padding: 15px;/*内边距*/
width: 80%;/*宽度*/
height: 100px;/*高度*/
overflow: scroll;/*溢出：滚动*/
border: 1px solid #ccc; /*边框*/
}
</style>
</head>
<body>
<div class="css1">
<p>这里的文本内容是可以滚动的，滚动条方向是垂直方向。</p>
<p>这里的文本内容是可以滚动的，滚动条方向是垂直方向。</p>
<p>这里的文本内容是可以滚动的，滚动条方向是垂直方向。</p>
<p>这里的文本内容是可以滚动的，滚动条方向是垂直方向。</p>
<p>这里的文本内容是可以滚动的，滚动条方向是垂直方向。</p>
<p>这里的文本内容是可以滚动的，滚动条方向是垂直方向。</p>
</div>
</body>
</html>效果图小白教程网www.2d5.net 
|
