CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSでスクロールバーを非表示にする方法は？

CSSでスクロールバーを非表示にするには、コードは次のとおりです-

例

<!DOCTYPE html>
<html>
<head>
<style>
   body {
      height: 150vh;
      width: 200vw;
      overflow: hidden;
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   p {
      font-size: 40px;
      font-weight: 500;
   }
</style>
</head>
<body>
<h1>Hide scrollbars Example</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia expedita magnam enim culpa eum veniam obcaecati odit aperiam dolorem, libero nisi magni similique eveniet sequi? Laudantium ipsam dolorum recusandae ab molestiae animi saepe cumque delectus libero quaerat? Assumenda asperiores ea incidunt totam ipsa aperiam! Ex quo cupiditate incidunt vel accusamus!
</p>
</body>
</html>

出力

上記のコードは次の出力を生成します-

CSSでスクロールバーを非表示にする方法は？


  1. CSSでラベルのスタイルを設定するにはどうすればよいですか？

    CSSでラベルのスタイルを設定するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-

  2. CSSで矢印を作成するにはどうすればよいですか？

    CSSで矢印を作成するためのコードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;