亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

怎么用css實現滾動效果

css
沐橙
3177
2021-04-25 08:58:11
欄目: 編程語言

使用css實現滾動效果的方法:1.通過“overflow”屬性設置滾動條使網頁元素的內容實現滾動效果,在css中添加樣式代碼,比如語法樣式為:“overflow: scroll;”設置滾動條即可。

怎么用css實現滾動效果

css通過overflow屬性設置滾動條示例:

<html>

<head>

<style type="text/css">

div 

{

background-color:#91bbfa;

width:150px;

height:150px;

overflow: scroll;

}

</style>

</head>

<body>

<p>如果元素中的內容超出了給定的寬度和高度屬性,overflow 屬性可以確定是否顯示滾動條等行為。</p>

<div>

這個屬性定義溢出元素內容區的內容會如何處理。如果值為 scroll,不論是否需要,

用戶代理都會提供一種滾動機制。因此,有可能即使元素框中可以放下所有內容也會出現滾動條。默認值是 visible。

</div>

</body>

</html>

效果圖:

怎么用css實現滾動效果

overflow屬性介紹:

overflow 屬性規定當內容溢出元素框時發生的事情。

說明


這個屬性定義溢出元素內容區的內容會如何處理。如果值為 scroll,不論是否需要,用戶代理都會提供一種滾動機制。因此,有可能即使元素框中可以放下所有內容也會出現滾動條。


屬性值:

  • visible 默認值。內容不會被修剪,會呈現在元素框之外。

  • hidden 內容會被修剪,并且其余內容是不可見的。

  • scroll 內容會被修剪,但是瀏覽器會顯示滾動條以便查看其余的內容。

  • auto 如果內容被修剪,則瀏覽器會顯示滾動條以便查看其余的內容。

  • inherit 規定應該從父元素繼承 overflow 屬性的值。


0
潼南县| 磐安县| 桃源县| 洛宁县| 大安市| 蓬莱市| 长武县| 合山市| 汝州市| 孟连| 临颍县| 焉耆| 皮山县| 凌云县| 廊坊市| 临猗县| 咸宁市| 米林县| 晋城| 南投市| 河北省| 合作市| 体育| 宜兰县| 玉树县| 保山市| 益阳市| 永新县| 张家口市| 新和县| 米易县| 阳新县| 德清县| 贡嘎县| 界首市| 伊宁市| 晋江市| 英超| 临城县| 利川市| 永川市|