HTML の左右レイアウトのサンプルコード
|
CS: ... コードをコピー コードは次のとおりです。html,body{ margin:0px; padding:0px; height: 100%; } .headbg{ background: black; color: white; height:48px; } .userManagerAll{ height: 100%; width: 100%; } .leftside{ background: #E6E6E6; float: left; height: 100%; width: 200px; margin: 0px; overflow-y:auto; } .rightside{ background: white; height: 100%; width:100%; align:right; } html コードをコピー コードは次のとおりです。<div class="head"></div> <div class="すべて"> <div class="left side">1</div> <div class="右側">2</div> </div> テキストボックスをクリックするとテキストが消えます コードをコピー コードは次のとおりです。<input name="textfield" style="color:#CCC;" type="text" value="テキストをクリックすると消えます" size="12" onclick="value='';focus()" onblur="if(value=='') value='テキストをクリックすると消えます;"/> |
推薦する
Linux bzip2 コマンドの使用
1. コマンドの紹介bzip2 は、ファイルの圧縮と解凍に使用されます。これは、Linux システム...
CSS3 で z-index が効かない問題の解決方法
最近、CSS3 と js の組み合わせを作成したのですが、z-index が有効にならないケースが多...
mysql5.7.18.zip インストール不要版設定チュートリアル（Windows）
これは私が以前使用した mysql5.7.18.zip のインストール チュートリアルです。まずこれ...
Access_Tokenの統合管理を実現するミニプログラム開発
目次TOKEN タイマーリフレッシュ2. access_tokenの内部設計2.1 access_t...
ES9の新機能の詳細な説明: 非同期反復
目次非同期トラバーサル非同期反復可能トラバーサル非同期反復生成非同期メソッドと非同期ジェネレーター非...
JavaScript PromiseとAsync/Awaitの詳細な説明
目次概要4つの例例1: 誕生日で説明する約束の基本例2: 数字当てゲーム例3: Web APIから国...
MYSQLはUnionを使用して2つのテーブルのデータを結合し、表示します。
UNION演算子の使用union : 2 つ以上の SELECT ステートメントの結果を 1 つの...
CSS で実装された円形のプログレスバー
成果を達成する 実装コードhtml <div class="wrap"&g...
セマンティックウェブページ XHTML セマンティックマークアップ
構造とプレゼンテーションを分離するもう 1 つの重要な側面は、セマンティック マークアップを使用して...
JSはカリキュラムタイムテーブルアプレット（スーパーカリキュラムタイムテーブルを模倣）を実装し、カスタムバックグラウンド機能を追加します
概要：市販されているいくつかのタイムテーブルソフトウェアから教訓を得ました。機能が複雑すぎるため、タ...
impress.js プレゼンテーション層フレームワーク (デモツール) - 初めての体験
半年もブログを書いていなかったので、少し恥ずかしいです... 正月休みは、Dota をプレイしたり ...
閲覧時に作成されたWebページの下部にある余分な空白スペースを削除する方法
Dreamweaver または FrontPage を使用して HTML Web ページを作成する場...
Typescript の as、疑問符、感嘆符の詳細な説明
1. asキーワードはアサーションを示すTypescript では、アサーションを表現する方法が 2...
Linuxのテキスト処理コマンドsortの詳細な説明
テキストファイルの内容を並べ替える使用方法: ソート + オプション + ファイル名 (複数のファイ...
MySQL水平および垂直テーブル変換操作の実装方法
この記事では、例を使用して、MySQL の水平テーブルと垂直テーブル間の変換操作を実装する方法を説明...