グラデーションのある境界画像に境界半径を使用できますか?

円形の境界線（境界線の半径）を持つ入力フィールドを設計し、その境界線にグラデーションを追加しようとしています。グラデーションと円形の境界線は正常に作成できますが、どちらも連携できません。グラデーションのない丸い角、またはグラデーションはあるが角が丸い境界線のいずれかです。 -webkit-border-radius:5px;-webkit-border-image:-webkit-gradient(linear,00,0100%,from(#b0bbc4),to(#ced9de))

P粉633733146 2023-08-29 12:52:01 0  2  565

css - imgタグに枠線がある

imgタグから枠線を削除するにはどうすればよいですか? {コード...} Web ページに境界線を配置するために画像パスを使用しませんでしたが、border:0... を使用しても境界線を削除できませんでした。

PHP中文网 2017-06-12 09:24:40 0  3  984

境界線の半径を指定してグラデーション境界線を作成する

以下のCSS：a.btn.white-grad{background:$lgrey;color:#313149! important;border:1pxsolid#000;border-image-source:linear-gradient(toright,#9c20aa,#fb3570) ;border-image-slice:20;float:left;@includefont-size(

P粉930448030 2023-08-13 16:23:14 0  2  468

CSS 要素のエッジがスクロール ボックスのエッジの「外側」にあるとはどういう意味ですか?

次の仕様をどのように解釈するのが正しいでしょうか? 「要素エッジ A と要素エッジ B が両方ともスクロール ボックス エッジ A とスクロール ボックス エッジ B の外側にある場合は、何もしません。」 出典: https://drafts.c​​sswg.org/cssom-view/#dom -scrollologicalposition-nearest: ~:text=If%20element%20edge%20A%20and%20element%20edge%20B%20are%20b

P粉763748806 2024-01-16 23:45:09 0  1  534

境界線のグラデーションは境界線の半径と互換性がありますか?

丸い境界線 (border-radius) を使用して入力ボックスをスタイルし、境界線にグラデーション効果を追加しようとしています。グラデーションと丸い境界線は正常に作成できますが、両方を同時に作成することはできません。丸い角はあるがグラデーションがない、またはグラデーションはあるが丸い角がないかのどちらかです。 -webkit-border-radius:5px;-webkit-border-image:-webkit-gradient(linear,00,0100%,from(#b0bbc4),to(#ce

P粉824889650 2023-08-21 20:39:38 0  2  511

パディングと内側の境界線

基本的に、箱が 2 つあり、1 つはもう 1 つの中にあります。外側のボックスでは、すべての内側のテキストのパディングを 10px に設定しましたが、内側のボックスの境界線はこのルールに従っていないようです。 .plan{display:block;margin:20px20%;width:auto;border:2pxsolid;border-radius:5px;}.plan*{text-decoration:none;padding:0px10px;}.plan*。

P粉448130258 2023-08-17 12:46:37 0  1  504

この種の境界線をHTML - CSSに追加するにはどうすればよいですか?

画像のように、画像の四隅に枠線を追加してこの効果を実現するにはどうすればよいでしょうか?

伊谢尔伦 2017-05-16 13:34:16 0  6  951

CSS Clip-path:circle() プロパティを使用して画像の周囲に円形の境界線を作成します

画像に枠線を追加する方法を知りたいですclip-path:circle(); 他に枠線を追加する方法はありますか？例: border: 5px ソリッドレッド; 私はこれを試しました: .roundedimage{width:200px;clip-path:circle();}<imgsrc="images/tv.jpg"alt="roundedImage" class="roundedimag

P粉875565683 2024-03-31 17:35:30 0  1  554

div要素のバウンディングボックスを取得する：jQuery実装メソッド

jQuery/JavaScriptを介してdiv要素のバウンディングボックスを計算したいと考えています。次のコードを試しました: // ボックスの左側 document.getElementById("myElement").offsetLeft; // ボックスの上側 document.getElementById("myElement").offsetTop; // ボックスの右側ボックス document.getElementByI

P粉207483087 2023-08-22 11:18:36 0  2  526

選択時にラジオ ボタンの境界線効果を保持する

無線タイプのオプションが 2 つあります。オプションを選択すると、青い枠線がマークされます。問題は、別の場所をクリックすると、境界線の効果が消えてしまうということです。別のオプションに切り替えない限り、どこをクリックしても青い枠線効果を維持したいと考えています。また、右側の「スパン」に価格を入力し、左側に製品名を残すにはどうすればよいですか? .checkbox-custom,.radio-custom{不透明度:0;位置:絶対;}.checkbox-custom,.ch

P粉769045426 2023-09-03 21:25:38 0  1  558

JavaScript - タブ - 現在のタブの下枠を削除するには?

図に示されているように、section2 の下の境界線を削除するにはどうすればよいですか? ここに例を示します: http://jsfiddle.net/996Bw/。解決する。ありがとう。

迷茫 2017-06-21 10:12:39 0  1  895

テーブルの列に境界線を作成するにはどうすればよいですか?

スクリーンショットに示すようなテーブルを作成する必要があります: 得られた結果: 問題: 「登録済み」列のスクリーンショットのような緑色の境界線を作成できません。質問: テーブルの場合、この境界線はどのように作成しますか? div でオーバーライドしようとしましたが、何も機能しませんでした。style.container{table{width:100%;border-collapse:collapse;thead{tr{th{padding-bottom:18px;width:230px;&:fi

P粉176151589 2024-01-16 19:25:40 0  2  447

正方形スペース上のMP4ビデオに円形の境界線を追加する方法

正方形スペースのビデオに境界線の半径を追加しようとしていますが、機能しません。誰かこれを行う方法を知っていますか?ビデオに円形の境界線を付けようとして、次のコードを試してみました: #block-df45bbc957de1bd8c905.video-block.video-player{padding-bottom:120%;border-radius:10px;};

P粉781235689 2023-08-31 16:24:14 0  1  597

完全に枠線付きの Vuetify HTML テーブルの実装: ステップバイステップ ガイド

Vuetify テーブルを使用する Vue アプリがありますが、境界テーブルはサポートされていません (ただし、https://github.com/vuetifyjs/vuetify/issues/16336 を参照)。そこで、不足している枠線を独自の CSS を使用して追加してみました。次の例を考えます (リンクをコピー) <template><v-app><v-main><v-table><thead><

P粉373596828 2023-09-03 18:46:38 0  2  621

javascript - href をタグに追加すると、青い枠線が表示されます。

aタグにhrefリンクを追加後、パッド上に青い枠が表示され、outline:none text-decoration:none;を使用しても動作しません。解決してください。

PHP中文网 2017-06-05 11:08:11 0  8  1014

css3 flex 子要素にボーダーを追加した後の問題

親要素を flex に設定すると、子要素 {flex:0 0 33.3333%} は同じ行内で 3 等分できます。ただし、子要素にボーダーを追加した場合は 2 つまでしか配置できません。 Flex は同じ行で伸縮しますが、境界線の幅は計算されません。

漂亮男人 2017-05-16 13:27:46 0  2  974

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

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

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

HTMLボタンの灰色の「枠線」を削除する方法

HTML Web ページ上のボタンの周囲に境界線が表示されます。ボタンを 1 つ青、もう 1 つ緑にしてテーブル上に配置しようとしています。コードは次のとおりです: <tablealign="center"><trstyle="font-family:verdana;font-size:24px;"><th>SelectyourRegion</th></tr&g

P粉986028039 2024-03-30 10:30:48 0  1  576

JavaScript - マウスホバー時に赤い境界線を表示する効果を実現する方法

このエフェクトを作成したのは誰ですか? これは、 border-right:1px Solid #eee;border-bottom:1px Solid #eee; を使用して、左側の ul li:hover{border-color:#ed9639 を作成する方法を私が書いたものです。 ;} マウスホバリング時 ピクセルの赤枠もあります

过去多啦不再A梦 2017-07-05 11:04:45 0  8  1283

ios - iphonedrawRect で UIGraphicsGetCurrentContext を使用して四角形を描画する場合、境界線の外側に 1 ピクセル以上の余分な部分はありますか?

コードは次のとおりです。 {コード...} 空のプロジェクトのデモではすべて問題ありませんが、自分のプロジェクトでは余分な 1 ピクセルと異なる不透明度の境界線があります。

我想大声告诉你 2017-05-16 13:18:51 0  1  1002