91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

怎么用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
南郑县| 高陵县| 巴青县| 长寿区| 政和县| 佛坪县| 牙克石市| 临沭县| 榕江县| 历史| 唐山市| 调兵山市| 天长市| 禹州市| 巴青县| 新邵县| 昭觉县| 大关县| 临桂县| 福州市| 朝阳县| 石景山区| 工布江达县| 信阳市| 鄂托克前旗| 永年县| 兴仁县| 乌拉特后旗| 三河市| 巩义市| 略阳县| 齐齐哈尔市| 灵丘县| 社旗县| 永平县| 临江市| 五莲县| 湖南省| 米易县| 大邑县| 策勒县|