css控制滚动条位置 css控制文字方向
来源:程序员人生 发布时间:2014-03-02 06:10:24 阅读次数:3383次
CSS 控制滚动条的位置及文本方向,运用direction改变文本方向,用overflow的scroll属性控制滚动条的位置,有意思吧,可以将滚动条显示在一块区域的左边,有反常态的使用。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>滚动条实例 - 学院</title>
<style>
.p1
{
direction:ltr;
}
.p2
{
direction:rtl;
}
p
{
overflow:scroll;
font-size:36px;
width:400px;
height:100px;
border:2px solid #000000;
}
</style>
</head>
<body>
<p class="p1">使用文本方向属性同时显示滚动条。Liehuo.Net</p>
<p class="p2">使用文本方向属性同时显示滚动条。Liehuo.Net</p>
</body>
</html>