コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

背景色を透明に設定するチュートリアルの例

零下一度
リリース： 2017-07-20 15:12:43
オリジナル
2199 人が閲覧しました

1. 小さな三角形は、次のように div に十分な大きさの境界線を設定し、その上境界線、右境界線、左境界線、および背景色を透明に設定することで実現されます: 

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#demo {
				width: 0;
				height: 0;
				/*边框的宽20px*/
				border-width: 20px;
				/*边框样式,实线*/
				border-style: solid;
				/*边框颜色*/
				border-color: transparent transparent red transparent;
			}
		</style>
	</head>

	<body>
		<!--小三角，transparent透明的，-->
	
		<div id="demo">
			
		</div>
	</body>

</html>
ログイン後にコピー

2.a タグ モバイルの問題Side:

1》aタグをクリックすると、デフォルトの背景色が表示されます

1 -webkit-tap-highlight-color:transparent;

2》いつ 下線が表示される場合がありますかクリックすると、解決策 

1 text-decoration: none; //或者2 3          border: none；//或者4 5          outline:none;
ログイン後にコピー

3> マウスを置くと下線が表示されます。解決策 

a:hover{
    
text-decoration:none;
}
ログイン後にコピー
ラベルはインラインラベルです。幅を高く設定するか、複数のスタイルを設定できます。 display: block; を介したブロックレベルのタグ。

以上が背景色を透明に設定するチュートリアルの例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
動く 解決する 当てはまること
ソース：php.cn
前の記事：Base64 を使用して視覚効果を向上させるサンプル チュートリアル 次の記事：Bootstrap メディア オブジェクトの詳細な説明
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
width プロパティを追加してコンテンツを左に移動します。 ボディに余白を設けました。 main {left margin: 200px; right margin: 200px; textalignment: center} テキストを1...
から 2024-04-06 22:01:35
0
3
816
CSSでページ下部の謎の空白を解決する方法 Bootstrap と D3 を使用して単純な Web ページを構築しようとしていますが、下部の空白をすべて削除する方法がわかりません。それをなくしたいのです。 bodyとhtml...
から 2024-04-06 20:22:15
0
1
454
MySQL SQLクエリを使用して別のテーブルのフィールドの合計を計算する 次のようなスキーマがあります。 属性「user_id」と「username」を持つユーザーテーブルと、属性「customer_id」（user_idのFK）と「finalPrice...
から 2024-04-06 19:39:29
0
1
441
customer_name 列から名を取得する方法 selectsubstring(custommer_name,1,instr(custommer_name,''))asfirst_namefromsales.customers;...
から 2024-04-06 17:43:30
0
2
433
SCSSを使用してデフォルト値とCSS変数を生成する ウェブサイトのスタイリングを実装しています。レガシー サポートの理由から、少なくともしばらくの間は IE11 をサポートする必要があります。ワークフローと私の健全性の理由から、私は...
から 2024-04-06 17:46:54
0
1
355
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート