css控制滾動(dòng)條位置 css控制文字方向
來源:程序員人生 發(fā)布時(shí)間:2014-03-02 06:10:24 閱讀次數(shù):3590次
CSS 控制滾動(dòng)條的位置及文本方向,運(yùn)用direction改變文本方向,用overflow的scroll屬性控制滾動(dòng)條的位置,有意思吧,可以將滾動(dòng)條顯示在一塊區(qū)域的左邊,有反常態(tài)的使用。
<!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>滾動(dòng)條實(shí)例 - 學(xué)院</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">使用文本方向?qū)傩酝瑫r(shí)顯示滾動(dòng)條。Liehuo.Net</p>
<p class="p2">使用文本方向?qū)傩酝瑫r(shí)顯示滾動(dòng)條。Liehuo.Net</p>
</body>
</html>