相关疑难解决方法(0)

CSS - 只有一半边框可见的边框

我很困惑,因为必须使它在CSS中工作只有一个div,其中边框只能在其宽度的一半上可见.

边框风格很简单 1px solid #000;

但是,我希望div边框的顶部不会在任何地方都可见(在div宽度上100%),而只是在宽度的前50%div.

我无法在任何地方得到这样的例子,它需要百分比,所以通常的技巧包(下半年的图像,......).

html css

25
推荐指数
3
解决办法
6万
查看次数

碗形下划线或输入边框

我有一个输入字段,底部只有一个边框,现在我需要在输入的左侧和右侧创建一个小线.这有点难以描述,所以我将使用一个例子:

input {
  background-color: transparent;
  height: 20px;
  padding: 10px 10px 1px;
  
  border: 0;
  border-bottom: 1px solid red;
}
Run Code Online (Sandbox Code Playgroud)
<input type="text" placeholder="Example">
Run Code Online (Sandbox Code Playgroud)

小提琴

这就是我所拥有的:
之前

这就是我需要的样子:
后

html css border css3 css-shapes

5
推荐指数
1
解决办法
162
查看次数

标签 统计

css ×2

html ×2

border ×1

css-shapes ×1

css3 ×1