国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > htmlcss > css控制滚动条位置 css控制文字方向

css控制滚动条位置 css控制文字方向

来源:程序员人生   发布时间:2014-03-02 06:10:24 阅读次数:3448次

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>
生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
为码而活
积分:4237
15粉丝
7关注
栏目热点
关闭
程序员人生