ナビゲーションバーの下枠のCSS

ナビゲーション バーがあり、リスト内の項目にカーソルを置くと下部に赤い線を追加しましたが、その赤い線をタイトル (例: 「サービス」) の下に移動したいのですが、これを実現する方法はありますか? HTML と CSS コード ヘッダー{background-color:lightblue;padding-top:1rem;position:sticky;top:0;display:flex;align-items を簡単に検査できるように、コードペンに小さな例を追加しました。

P粉270891688 2024-04-06 15:04:41 0  2  504

JavaScript - このCSSの書き方

この分類カテゴリでこのグラフィックの CSS を記述するにはどうすればよいですか? 私の方法は、相対的に配置された疑似クラスを境界線の下に追加することです。何か良いアイデアはありますか?

给我你的怀抱 2017-05-19 10:40:27 0  4  713

CSS/HTML 経由で境界線の色をグレーからフルカラーに変更するにはどうすればよいですか?

私は HTML+CSS を学ぼうとしている初心者で、この境界線を完全に灰色にしたいのですが、ご覧のとおり、半分/半分です。理由がわかりません。ありがとう、enterimagedescriptionここに私のコンソールと以下の画像があります。

P粉573943755 2023-09-16 12:30:52 0  1  1088

CSSクラスセレクターのwidthプロパティを確認するにはどうすればよいですか?例は .label{} です。

以下は、.label の幅 270 を選択した CSS コードに関する私のコメントです。 ブラウザの開発者ツールを使用して .label 要素を検査すると、実際の幅は 270 ピクセルではなく 288 ピクセルであることに気づくかもしれません。これは、ブラウザでは要素のサイズを決定するときにデフォルトで境界線とパディングが含まれるためです。これは私の CSS コードです: .label{border:2pxsolidblack;width:270px;margin:20pxauto;padding:07px;閲覧方法

P粉186904731 2024-04-01 17:45:11 0  1  470

コンテンツの外側に数ピクセル浮くようにボタンの境界線を作成するにはどうすればよいですか?

以下のような境界線を作成したいのですが、CSS を使用してこれを実現する方法がわかりません。誰か助けてくれませんか?現在のコードには、このスタイルが必要なボタンが含まれています。 <liclass="nav-itembutton"><aclass="nav-link"href="#"><svgxmlns="http://www.w3.org/2000/svg&qu"

P粉633075725 2023-09-08 17:01:07 0  1  527

ナビゲーション バーと次のセクションの間の小さな空白スペースを削除するにはどうすればよいですか?ホバーセレクター上の小さな灰色のスペースを取り除くにはどうすればよいですか?

freecodecamp の HTMl コースの最終プロジェクトとしてこの Web サイトをコーディングしているのですが、修正方法がわからない 2 つのエラーが発生しました。一方では、ナビゲーション バーと最初のセクションの間に小さな白い線があります。一方、ホバーセレクターを使用してナビゲーションバーリンクの背景を灰色にしますが、下部に小さな暗い線を残します。白い線は次のようになります。 最初の白い線を修正するために、パディングとマージンを削除してみました (これにより、端の空白の一部が削除されましたが、2 つの部分の間に残った空白は削除されませんでした。また、すべての CSS も追加しました...

P粉764836448 2024-02-25 22:54:59 0  1  389

アニメーション化されたテキストの下線を作成する: ステップバイステップのガイド

このページの最初の例と同様に、<a> タグ要素にホバー時に下線をアニメーション化させようとしています。チュートリアルはあるのに、私がやっていることがうまくいかず、その理由がわからないので、この質問をするのはほとんど愚かに思えます。これは私の CSS コンテンツです #about-text-boxa{text-decoration:none;font-size:17pt;font-family:'Silkscreen',cursive;color:#ECE0E7;te

P粉366946380 2024-02-03 20:00:08 0  1  379

テーブル tr:first-child td の機能上の問題

CSS とテーブルを使用して、分子と分母の間に分数線を配置します。複素分数の場合、Ant ブラウザでは正しく動作しません。以下は、この問題を示す Tryit エディターで使用されるサンプル コードです。文字 C の下に不要な境界線があります。ただし、コード化された文字 F のようなものでも十分です。 4 つのブラウザを試しましたが、すべて同じ問題が発生しました。 style="border:none" を質問 <td> に追加するという回避策があります (クラスの追加は機能しません) が、なぜこれを行う必要があるのでしょうか?追記。

P粉590929392 2024-03-30 13:24:05 0  1  482

異なる高さの要素の周囲に境界線を作成する

私は、react-photo-album を使用して、Web サイトにフォト アルバムを作成しています。下部の写真の周囲に CSS 境界線を設定できるかどうか疑問に思っていますが、高さの違いを考慮して側面に従うことはできますか?現在何が起こっているのか：次のようなことを想像しています：react-photo-album--columnクラスの:last-childを使用して取得できます：しかし、何を試しても全体の周りに境界線が表示されるだけですコンテナ、そして一番下の写真は1枚ではありません。反対側をスタイルしました: .react-photo

P粉165823783 2024-03-30 10:28:37 0  1  463

HTML と Bootstrap 5 を使用してテーブルの行間にスペースを作成する

現在、コンテンツを含むテーブルがありますが、各行を明確に分離できるように各行の間にスペースが必要なようです。td要素とtr要素の境界線の間隔にパディングを使用してみました。 bootstrap5 でこれを行う最も簡単な方法は何ですか?以下は私の HTML と CSS です。icon-green{color:green;}table{border-collapse: Separate;border-spacing:015px;}th,td{

P粉300541798 2024-03-29 15:09:13 0  1  372

CSS の背景のグラデーションがページ全体をカバーしません (スクロール可能なコンテンツを含む)

HTML ドキュメントの CSS 背景のグラデーションで問題が発生しています。線形グラデーションを背景として使用し、body要素に設定するページをデザインしました。私が直面している問題は、スクロールするコンテンツがまだあるにもかかわらず、グラデーションが最初に画面が終了する場所で終わっているように見えることです。したがって、下にスクロールすると、グラデーションの 2 番目のインスタンスが最初から始まっているように見えます。これは私の現在の CSS (SCSS) コードです: @importurl('https://fonts.googleapis.com/css2?family=Poppins...

P粉506963842 2023-09-12 13:20:09 0  2  697

問題 2003 (HY000) を修正する方法: MySQL サーバー 'db_mysql:3306' に接続できません (111)

最近、FastAPIPython サーバーをコンテナ化しようとしました (レプリケーション/二重化の目的でもあります)。以前は、Docker コンテナーに MySQL サーバーだけを入れてすべて問題なかったのですが、Web サーバーもサービスにしたところ、MySQL サーバーに接続できなくなり、アプリケーションが動作しなくなりました。以下は、アプリケーション fromfastapiimportFastAPIimportmysql.connectorapp のサーバー データベース初期化コネクタのコード スニペットです。

P粉178132828 2023-09-05 11:18:47 0  1  825

クエリ制限後のソートを試してみる

それで、これが私の最初の質問です、何か間違っている場合はご容赦ください。制約に基づいて並べ替えクエリを作成しようとしています。つまり、90 個のレコードを持つ Customers テーブルがあります。まず 3 レコードに制限されたクエリを実行し、次にこのクエリの結果を ContactName という列で並べ替えたいと考えています。これはネストされたクエリである可能性があると思います。ネストされたクエリは SQLServer では正常に実行されますが、MySQL で実装する方法がわかりません。制限クエリ: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  726

CSS グリッド: 子コンテンツが列幅をオーバーフローした場合に新しい行を作成する

CSS グリッドに基づいた 2 列のレイアウトがあります。 2列目の内容が1frを超えた場合、新しい行を作成したいと思います。現状では、コンテンツが単に列から溢れてしまいます。このレイアウトの要件の 1 つは、右側のメニュー列の項目が 1 行にあることです。これを次のように実行します。 .right-menu{...grid-auto-flow:columndense;...} Grid-auto-flow 属性を削除すると、オーバーフローが停止します。ただし、アイテムは複数の行に積み重ねられており、これは私が望むものではありません。 .riも変換してみました

P粉212114661 2023-09-05 15:18:28 0  1  615

AND、OR、NOT 演算子を使用した PHP 全文検索機能

初心者の質問: php と eloquent を使用して、検索文字列の全文検索を実装しようとしています。 $searchstring="+(被害者容疑者)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  578

すべての PHP 型を文字列に変換する最短の方法

私は、いつか医療などの分野 (つまり「科学的」) に適用できることを願っている一般的なシステムを書いています。最良の方法は、php 内のすべてのデータを文字列で表すことだと思います (true は「true」、false は「false」など)。その理由は、php ではすべての値が一意の文字列表現 (php コード自体など) を持つためです。このプログラムの設計プロセスをスピードアップするために、この質問を投稿しました。数値やブール値など、一部の値は簡単に文字列に変換できます。オブジェクト、配列、リソースなど、簡単ではないものもあります。譲渡対象だと思いますが、

P粉369196603 2023-09-05 15:34:44 0  1  1006

他の列でグループ化しながらMySQLのDATETIME列の平均を取得する方法

次のクエリを使用して MySQL テーブルを作成し、データを設定しています: SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01) -0310:

P粉460377540 2023-09-05 11:46:21 0  1  506

マルチデバイス (携帯電話) の同期 - React Native

すべてのユーザーのモバイル デバイスで同時に起動するライトショーを作成しようとしています (最大 2000 ～ 3000 人のユーザーが参加可能)。すべてのユーザーはインターネット (Wi-Fi またはモバイル データ) を使用します。私たちの FE では、サブスクリプションに Apollo を使用していますが、それは魅力的に機能します。しかし問題は、ユーザー A がユーザー B よりも早くサブスクライブされたイベントを取得できることです。これは、ユーザー A がユーザー B よりも早くゲームのプレイを開始することを意味します。ライトショー アーキテクチャがあり、ユーザーは早くも遅くも開始でき...

P粉151466081 2023-09-05 11:58:38 0  1  698