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

CSSを使用してレイヤーを作成する

CSSを使用してレイヤーを作成するには、次のコードを実行してみてください。 z-indexプロパティを使用しました

例 
<html>
   <head>
   </head>
   <body>
      <div style = "background-color:red; width:300px; height:100px; position:relative; top:10px; left:80px; z-index:2">
      </div>
      <div style = "background-color:yellow; width:300px; height:100px; position:relative; top:-60px; left:35px; z-index:1;">
      </div>
      <div style = "background-color:green; width:300px; height:100px; position:relative; top:-220px; left:120px; z-index:3;">
      </div>
   </body>
</html>

  1. CSSでメニューアイコンを作成するにはどうすればよいですか？

    CSSでメニューアイコンを作成するためのコードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> div {    width: 40px;    height: 7px;    background-color: blue;    

  2. CSSクリップパスを使用して三角形を作成する方法

    CSSのclip-pathプロパティを使用して三角形を作成できます。 構文 CSSclip-pathプロパティの構文は次のとおりです- Selector {    clip-path: /*value*/ } 例 次の例は、CSSのclip-pathプロパティを示しています。 <!DOCTYPE html> <html>    <head>       <style>          div {