中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

怎么用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
和林格尔县| 潞城市| 四会市| 昭通市| 松桃| 昆明市| 阳西县| 博爱县| 怀安县| 泸定县| 休宁县| 汉中市| 肥东县| 西林县| 青神县| 怀仁县| 崇义县| 青川县| 青海省| 清河县| 新密市| 会昌县| 衡阳县| 丹江口市| 盐源县| 云南省| 梧州市| 罗定市| 义乌市| 苏尼特右旗| 二连浩特市| 绩溪县| 新乐市| 琼结县| 龙岩市| 无极县| 阿坝县| 密山市| 乌苏市| 丹阳市| 大渡口区|