border 相关问题

边框是一种图形用户界面构造，用于围绕和/或突出显示其中包含的内容。

我可以在 CSS 中使用不同颜色的左边框和上边框吗？

我希望左侧边框为 4px 厚的粉色，其他地方为 1px 灰色：边框：1px实线#E5E5E5；左边框：4px 实线#F24495；问题是连接是对角的，所以我得到了一个ho...

css border

回答 5 投票 0

使用 useLayoutEffect 钩子删除 React Native 中标题的底部边框

我想删除 React Native 中标题底部的微弱边框。我正在使用 useLayoutEffect() 挂钩来修改标题，但无法删除边框。我尝试过使用 borderBottom...

javascript react-native react-hooks border

回答 5 投票 0

.NET MAUI 在使用 <Border> StrokeShape="Ellipse" 时切断了我的 ImageButton 的左上角

这是我第一次使用.NET MAUI 7.0 进行编程。我使用的是 Windows 机器。使用以下代码时，图像的左上方部分被切除。这是我第一次使用.NET MAUI 7.0 进行编程。我使用的是 Windows 机器。当使用以下代码时，图像的左上角被切掉了一部分。 <Border Grid.Column="1" Grid.Row="1" WidthRequest="80" HeightRequest="80" StrokeShape="Ellipse"> <ImageButton Source="image.png" WidthRequest="60" HeightRequest="60" VerticalOptions="Center" HorizontalOptions="Center"/> </Border> 我在使用 StrokeShape="RoundRectangle 40,40,40,40" 时遇到了同样的问题。我需要完整的图像，而不是在左上角被剪掉。这是 iOS 中的一个已知问题，已在 .NET 8 中修复，可以在此处找到更多信息：https://github.com/dotnet/maui/issues/17753 我不确定为什么要在 ImageButton 上使用边框，如果这只是为了使其成为圆形，你可以这样做： <ImageButton HeightRequest="50" WidthRequest="50" CornerRadius="25"/> 技巧是圆角半径应该是高度和宽度的一半。

c# windows border maui

回答 1 投票 0

QPushButton 带有 QSS 的圆形渐变边框

我正在尝试使用 QSS 使用 Qt 制作一些“复杂”按钮样式，但我遇到了一个无法解决的问题。我想做一个渐变的圆形边框，例如从左边的蓝色开始......

css qt border gradient qtstylesheets

回答 3 投票 0

Python-DocX 文档标题中的水平线

在python-docx中，当我们添加如下文档标题时，它会自动在标题下方添加一条水平线。这似乎是一个边界。你知道如何删除它吗？谢谢。 main_title = 自我。

python border python-docx heading horizontal-line

回答 1 投票 0

只有左边缘位于边框内的 Div

我发现了很多关于使用 box-shadow 的内部边框的帖子，但是除了那些具有真正阴影效果的帖子之外，我找不到任何适用于 div 以特定的方式显示 1 像素内部边框的帖子。 ...

html css border

回答 1 投票 0

给<nav>一个边框

我正在使用 HTML5 元素，因此我使用标签制作导航栏。我想给一个顶部边框和底部边框，但代码不起作用。我做了什么... 我正在使用 HTML5 元素，因此我使用 <nav> 标签制作导航栏。我想给 <nav> 一个顶部边框和底部边框，但代码不起作用。我做错了什么？这是我的 HTML 代码 <!doctype html> <html> <head> <meta charset="utf-8"> <title>Home</title> <link href="css/fphmain.css" rel="stylesheet" type="text/css"> </head> <body> <header> </header> <div id="content"> <nav> <ul> <li><a href="about.html">About</a></li> <li><a href="books.html">Books</a></li> <li><a href="tracts.html">Tracts</a></li> <li><a href="publications.html">Publications</a></li> <li><a href="order.html">Order</a></li> <li><a href="donate.html">Donate</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </div> </body> </html> 这是我的CSS @charset "utf-8"; /* CSS Document */ #content { width:980px; margin-right:auto; margin-left:auto; } nav { width:100%; } nav ul { margin:0; padding:0; } nav ul li { float: left; list-style-type: none; padding: 3px 5px 3px 5px; } nav ul li a { text-decoration:none; color:#000; } 你没有添加任何边框CSS，里面的浮动也没有被清除： nav { border-top: 1px solid blue; border-bottom: 1px solid red; } nav:after { content: ""; display: block; clear: both; } 样式表中没有 CSS 可以在 nav 元素上创建边框。您需要添加具有 border-bottom 和 border-top 样式规则的 CSS 来创建此类边框。例如，如果您想要 nav 元素的顶部和底部有一个像素厚的黑色边框，那么您可以应用如下的样式规则： nav { border-top: 1px solid black; /* in place of the word "black", you can use #000000 or rgb(0,0,0) */ border-bottom: 1px solid black; } 如果您不希望其他元素紧邻 nav（换句话说，如果您希望所有其他元素位于其上方或下方），那么您可以将 display: block; 规则应用于导航，与 clear: both;。即使将边框应用于 nav，您也无法正确看到边框，因为由于浮动列表项，您需要在中殿元素上进行清除修复。查看 Nicolas Gallagher 的 microclearfix。 .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } 如果您没有给导航高度，您可以使用：overflow:hidden;。它将包裹任何浮动子元素，并将相邻的浮动元素放在一边。只需使用：nav {overflow:hidden;border-top:solid;border-bottom:solid;}，块元素不需要 width:100%;。您可以添加边框：1px 实心 #000006;

css html border nav

回答 5 投票 0

我想在div的右侧实现半边框，如图所示

我想实现如下图所示的comps图像链接。比较图像我的html结构是这样的我想实现如下图所示的比较图像链接。我的html结构是这样的 <div class="module-box carilion-proud-logo-section"> <div class="left-section"> <svg>Carilion Proud Logo svg</svg> </div> <div class="right-section"> <a href="">Visit the hub</a> </div> </div> 我的CSS结构是这样的 .carilion-proud-logo-section { margin: 0 30px 30px 30px !important; display: flex; justify-content: space-between; border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; border-radius: 5px; .left-section { text-align: center; width: 100%; padding: 39px 0; background: url("../../../../../../assets/images/carilion-proud-blue.png") no-repeat center; background-size: cover; clip-path: ellipse(100% 150% at 0% 50%); border-radius: 5px; } .right-section { // padding: 39px 0; width: 100%; text-align: center; align-self: center; } } 唯一的问题是图像不应该有边框，其余的 div 元素应该有边框最简单的可能是使用插入阴影：这是一个例子： div { box-shadow: inset 0 0 0 3px gray; /* makeup for demo */ display: flex; width: 500px; border-radius: 1em; overflow: hidden; margin: 2em auto; } button { margin: auto; } <div><img src="https://picsum.photos/id/16/250/100"> <button>button</button></div> 阴影绘制边框，但隐藏在图像后面。

html css angular sass border

回答 1 投票 0

如何在Wordpress主题上只显示一些角边框？

在漫长的两天里，我试图在我妻子网站的图片和文本框周围放置一些角边框。你们知道一个简单的方法吗？今天我尝试使用这个： .wp-block-uagb...

css wordpress border

回答 1 投票 0

四分之一圆上可见边框

我想要实现圆形黑白图片和绿线的效果：我知道如何使图片变成圆形和黑白，但我不知道如何使这条绿线。这是我的代码： .委员会图像...

css border

回答 1 投票 0

CSS 绘制的三角形在直线上不匹配

我尝试将 CSS 绘制的三角形放入表格中，但点不匹配。（请查看附图）有谁知道如何在没有画布的情况下实现它？它也会随着变焦的变化而改变...