天道酬勤,学无止境

在 LinearLayout 上仅添加顶部和底部边框 [重复](Add only top and bottom border on LinearLayout [duplicate])

问题

我只想在我的Linearlayout上添加一个底部和一个顶部边框。 我试图这样做:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

<item
    android:bottom="1dp"
    android:top="1dp">
    <shape android:shape="rectangle">
        <solid android:color="#FFFFFF" />
        <stroke
            android:width="1dp"
            android:color="#000" />
    </shape>
</item>
</layer-list>

但它在形状周围添加了一个边框..

请问你能帮帮我吗 ?

回答1

制作这两个文件并放置此代码。 您可以设置边框顶部和底部边框,

主文件

<TextView
      android:text="This is textline"
      android:background="@drawable/border_set"
/>

border_set.xml

此文件位于完整路径project_root/res/drawable/border_set.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item>
      <shape 
        android:shape="rectangle">
            <stroke android:width="1dp" android:color="#FF000000" />
            <solid android:color="#FFDDDDDD" />

        </shape>
   </item>

   <item android:top="1dp" android:bottom="1dp"> 
      <shape 
        android:shape="rectangle">
            <stroke android:width="1dp" android:color="#000" />
            <solid android:color="#FFFFFF" />
        </shape>
   </item>

</layer-list>
回答2

我认为您可以创建此 drawable 并将其用作背景:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
   <item>
        <shape android:shape="rectangle" >
            <solid android:color="#000"/>
        </shape>
    </item>
    <item android:bottom="1dp" android:top="1dp">
        <shape android:shape="rectangle" >
            <solid android:color="#FFFFFF" />
        </shape>
    </item>
</layer-list>

想象一下,首先绘制一个带有边框颜色的矩形,然后在它上面放置一个带有背景颜色的矩形,在顶部和底部留下 1dp。

回答3

这是解决方案。 它即使在透明背景下也能工作。

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:left="-2dp"  android:right="-2dp">
        <shape android:shape="rectangle">
            <stroke android:width="2dp" android:color="@color/borderColor" />
            <solid android:color="@color/backgroundColor" />
        </shape>
    </item>

</layer-list>
回答4

我相信这是最简单的方法:

<View
    android:layout_width="match_parent"
    android:layout_height="2dp"
    android:background="#000000" />
回答5

这是我的版本; 上边框和下边框可见,不显示左右边框。 而且背景是透明的。

<?xml version="1.0" encoding="utf-8"?>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="1dp">

    <item
        android:left="-1dp"
        android:right="-1dp"
        android:top="-1dp"
        android:bottom="1dp">
        <shape
            android:shape="rectangle">
            <stroke
                android:width="1dp"
                android:color="@color/BlueGrey_colorPrimary" />
            <solid android:color="@android:color/transparent" />
        </shape>
    </item>

</layer-list>
回答6

实现这一目标的快速方法:

  • 将文本视图添加到布局的底部和/或顶部。
  • 将 TextView 的宽度设置为“match_parent”
  • 将 TextView 的高度设置为“1dp”左右或找到您想要的厚度
  • 将 TextView 的背景设置为您希望边框的颜色

我希望这有帮助!

回答7

您可以点击此链接 是否有一种简单的方法可以在 Android 视图的顶部和底部添加边框?

我希望你能从这个链接中解决。 你也可以解决如何在线性布局周围添加边框,除了底部?

回答8

这很简单。 像这样画3个形状。

<?xml version="1.0" encoding="utf-8"?>
  <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item>
        <shape android:shape="rectangle" >
            <solid android:color="@color/menu_line_separator_in" />
        </shape>
    </item>
    <item android:bottom="1.5dp">
        <shape android:shape="rectangle" >
            <solid android:color="@color/menu_line_separator_out" />
        </shape>
    </item>
    <item android:top="1.5dp">
        <shape android:shape="rectangle" >
            <solid android:color="@color/menu_line_separator_out" />
        </shape>
    </item>

</layer-list>

受限制的 HTML

  • 允许的HTML标签:<a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
  • 自动断行和分段。
  • 网页和电子邮件地址自动转换为链接。

相关推荐
  • 如何在UIButton上仅添加TOP边框?(How to add only a TOP border on a UIButton?)
    问题 我知道如何使用以下代码在iOS 7中为按钮添加边框: [[myButton layer] setBorderColor:[[[UIColor grayColor] colorWithAlphaComponent:0.5] CGColor]]; [[myButton layer] setBorderWidth:1]; [[myButton layer] setCornerRadius:15]; 但是,如何只添加一个边框呢? 我只想添加顶部边框。 回答1 UIView *lineView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, btn.frame.size.width, 1)]; lineView.backgroundColor = [UIColor redColor]; [btn addSubview:lineView]; 您可以对每个边框执行相同的操作。 添加多个UIView时,您可以添加底部和左侧,顶部和右侧或所需的任何边框。 即底部和左侧: UIView *bottomBorder = [[UIView alloc] initWithFrame:CGRectMake(0, btn.frame.size.height - 1.0f, btn.frame.size.width, 1)]; bottomBorder
  • 在带有Quartzcore / layer的UIView上仅添加顶部边框?(Add just a top border to an UIView with Quartzcore/layer?)
    问题 是否可以在UIView的顶部添加边框,如果可以,请问如何? 回答1 我只是测试贝娄几行代码,它的工作非常好,只需将其测试到您的项目中即可。 希望您能轻松获得解决方案。 为什么要创建新视图并将其添加到现有视图中? 对于此任务,只需创建一个CALayer并将其添加到现有的UIView的Layer中,请执行以下操作: #import <QuartzCore/QuartzCore.h> - (void)viewDidLoad { CALayer *TopBorder = [CALayer layer]; TopBorder.frame = CGRectMake(0.0f, 0.0f, myview.frame.size.width, 3.0f); TopBorder.backgroundColor = [UIColor redColor].CGColor; [myview.layer addSublayer:TopBorder]; [super viewDidLoad]; } 它的输出是:- 回答2 我已经找到了解决方案,这是窍门: CGSize mainViewSize = self.view.bounds.size; CGFloat borderWidth = 1; UIColor *borderColor = [UIColor colorWithRed:37.0/255
  • 用jQuery查找div底部的位置(Finding the position of bottom of a div with jquery)
    问题 我有一个div,想找到最下面的位置。 我可以这样找到Div的顶部位置,但是如何找到底部位置呢? var top = $('#bottom').position().top; return top; 回答1 相对于父元素,将outerheight添加到顶部,并在底部: var $el = $('#bottom'); //record the elem so you don't crawl the DOM everytime var bottom = $el.position().top + $el.outerHeight(true); // passing "true" will also include the top and bottom margin 对于绝对定位的元素或相对于文档定位的元素,您将需要使用offset进行评估: var bottom = $el.offset().top + $el.outerHeight(true); 正如特雷尔森(Trnelson)指出的那样,这种方法在100%的时间内都无效。 要对定位的元素使用此方法,还必须考虑偏移量。 有关示例,请参见以下代码。 var bottom = $el.position().top + $el.offset().top + $el.outerHeight(true); 回答2 编辑
  • Is there an easy way to add a border to the top and bottom of an Android View?(Is there an easy way to add a border to the top and bottom of an Android View?)
    问题 我有一个TextView,我想沿其顶部和底部边框添加黑色边框。 我尝试将android:drawableTop和android:drawableBottom到TextView中,但这只会导致整个视图变黑。 <TextView android:background="@android:color/green" android:layout_width="fill_parent" android:layout_height="wrap_content" android:drawableTop="@android:color/black" android:drawableBottom="@android:color/black" android:text="la la la" /> 有没有一种方法可以在Android中轻松地向视图(尤其是TextView)添加顶部和底部边框? 回答1 在android 2.2中,您可以执行以下操作。 创建一个XML可绘制对象(例如/res/drawable/textlines.xml),并将其分配为TextView的background属性。 <TextView android:text="My text with lines above and below" android:background="@drawable/textlines" />
  • UITextField仅顶部和底部边框(UITextField Only Top And Bottom Border)
    问题 我目前有常规边境。 我只想有一个上下边框。 我该如何完成? 使用UITextField的layer属性,我有以下代码: self.layer.borderColor = [[UIColor colorWithRed:160/255.0f green:160/255.0f blue:160/255.0f alpha:1.0f] CGColor]; self.layer.borderWidth = 4.0f; 我通过使UITextField变长来使它起作用,以使用户看不到左右边界,但是我只是想知道是否有更好的,更简单的方法来做到这一点? 我已经检查了docs ,并且更改UITextField的borderStyle没有此选项。 从, iOS初学者 回答1 我发现一种行之有效的方法是使用图层。 这是一个片段: CALayer *bottomBorder = [CALayer layer]; bottomBorder.frame = CGRectMake(0.0f, self.frame.size.height - 1, self.frame.size.width, 1.0f); bottomBorder.backgroundColor = [UIColor blackColor].CGColor; [myTextField.layer addSublayer
  • 如何在底部以外的线性布局周围添加边框?(How to add border around linear layout except at the bottom?)
    问题 如何在底部以外的线性布局周围添加边框? LinearLayout需要在左侧,顶部和右侧具有边框,但不能在底部具有边框。 回答1 在drawable文件夹中创建一个名为border.xml的XML文件,并将以下代码放入其中。 <?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item> <shape android:shape="rectangle"> <solid android:color="#FF0000" /> </shape> </item> <item android:left="5dp" android:right="5dp" android:top="5dp" > <shape android:shape="rectangle"> <solid android:color="#000000" /> </shape> </item> </layer-list> 然后将背景添加到您的线性布局中,如下所示: android:background="@drawable/border" 编辑 : 该XML已通过运行GingerBread 2.3.3的星系进行了测试,并完美运行,如下图所示: 还
  • 多张背景图片定位(Multiple background images positioning)
    问题 我有三个背景图片,宽度都是 643px。 我希望它们是这样设置的: 顶部图像(12px 高度)不重复中间图像重复-y 底部图像(12px 高度)没有重复 如果不让它们重叠,我似乎无法做到这一点(这是一个问题,因为图像部分透明),这样的事情可能吗? background-image: url(top.png), url(bottom.png), url(middle.png); background-repeat: no-repeat, no-repeat, repeat-y; background-position: left 0 top -12px, left 0 bottom -12px, left 0 top 0; 回答1 你的问题是, repeat-y会填满整个高度,不管你最初把它放在哪里。 因此,它与您的顶部和底部重叠。 一种解决方案是将重复背景推送到位于容器顶部和底部12px的伪元素中。 结果可以在这里看到(演示中的不透明度只是为了表明没有重叠)。 没有不透明度,请参见此处。 相关代码(在CSS3浏览器中测试:IE9、FF、Chrome): CSS div { position: relative; z-index: 2; background: url(top.png) top left no-repeat, url(bottom.png) bottom
  • 在Android中创建和使用9补丁图像(Creating & Using 9-patch images in Android)
    问题 我最近听说有9个补丁的图像。 我知道它的9个图块是可拉伸的。 我想了解更多。 如何创建9补丁图像? 有什么工具吗? 我可以通过AndroidSDK或代码创建它吗? 9-patch优于常规png的主要优势? (是否可以根据屏幕动态/自动拉伸?) 回答1 SDK和Android Studio都附带了一个简单的编辑器“ Draw 9-patch”工具(SDK tools文件夹中的“ draw9patch”)。 这是一个更好的开源软件。 它具有简单但巧妙的默认图像。 多年来,官方文档已有所改进。 总而言之,九个补丁图像的最重要优点是它们可以指定(非连续的)区域以进行缩放: NinePatch图形是标准的PNG图像,其中包括一个额外的1像素边框。 它必须以9.png扩展名保存在项目的res / drawable /目录中。 使用边框定义图像的可拉伸和静态区域。 您可以通过在边框的左侧和顶部绘制一条(或多条)1像素宽的黑线(其他边框像素应为完全透明或白色)来指示可拉伸部分。 您可以根据需要拥有任意数量的可拉伸部分。 可拉伸部分的相对大小保持不变,因此最大部分始终保持最大。 您还可以通过在右侧绘制一条线和在底部绘制一条线来定义图像的可选可绘制部分(实际上是填充线)。 如果View对象将NinePatch图形设置为背景,然后指定视图的文本,它将进行拉伸以使所有文本仅占据由右行和底行指定的区域
  • Android LinearLayout:在LinearLayout周围添加带有阴影的边框(Android LinearLayout : Add border with shadow around a LinearLayout)
    问题 我想创建与示例相同的LinearLayout边框: 在此示例中,我们可以看到linearLayout周围的边框并不相同。 如何使用XML可绘制文件创建此文件? 现在,我只能在LinearLayout周围创建一个简单的边框,如下所示: <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <corners android:radius="1dp" android:topRightRadius="0dp" android:bottomRightRadius="0dp" android:bottomLeftRadius="0dp" /> <stroke android:width="1dp" android:color="#E3E3E1" /> <solid android:color="@color/blanc" /> </shape> 回答1 尝试这个.. <?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"
  • 如何在Android textview周围放置边框?(How do I put a border around an Android textview?)
    问题 是否可以在textview周围绘制边框? 回答1 您可以将可绘制的形状(矩形)设置为视图的背景。 <TextView android:text="Some text" android:background="@drawable/back"/> 和矩形drawable back.xml(放入res / drawable文件夹): <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" > <solid android:color="@android:color/white" /> <stroke android:width="1dip" android:color="#4fa5d5"/> </shape> 您可以使用@android:color/transparent来使纯色具有透明背景。 您还可以使用填充将文本与边框分开。 有关更多信息,请参见:http://developer.android.com/guide/topics/resources/drawable-resource.html 回答2 让我总结一些不同的(非编程)方法。 使用可绘制形状 将以下内容另存为XML文件到您的可绘制文件夹中(例如,my_border.xml): <?xml
  • 线性淡出div、内容和边框(顶部实心到底部透明)[重复](Linear fade out div, content and border (solid at top to transparent at bottom) [duplicate])
    问题 这个问题在这里已经有了答案: 8 年前关闭。 可能的重复: 是否可以调整 HTML 元素的不透明度? 我正在尝试使用 css 使 div(及其边框和内容)淡入透明(即顶部为实心,底部为透明)。 有没有办法做到这一点? 我已经能够使用以下方法淡出背景: .fade-to-nothing { background-image: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,1)), to(rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)); background-image: -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)); background-image: linear-gradient(to bottom, rgba(255,255,255,1),rgba(255,255,255
  • 如何在Android中创建带有圆角的ListView?(How do I create a ListView with rounded corners in Android?)
    问题 如何在Android中创建带有圆角的ListView? 回答1 这是一种实现方法(不过感谢Android文档!): 将以下内容添加到文件中(例如customshape.xml),然后将其放置在(res / drawable / customshape.xml)中 <?xml version="1.0" encoding="UTF-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <gradient android:startColor="#SomeGradientBeginColor" android:endColor="#SomeGradientEndColor" android:angle="270"/> <corners android:bottomRightRadius="7dp" android:bottomLeftRadius="7dp" android:topLeftRadius="7dp" android:topRightRadius="7dp"/> </shape> 创建完此文件后,只需通过以下方式之一设置背景: 通过代码: listView.setBackgroundResource(R.drawable
  • Android:TextView:删除顶部和底部的间距和填充(Android: TextView: Remove spacing and padding on top and bottom)
    问题 当我有一个TextView带有\n的TextView时,在右侧,我有两个singleLine TextView ,一个在另一个之下,并且两者之间没有间隔。 我为所有三个TextView设置了以下内容。 android:lineSpacingMultiplier="1" android:lineSpacingExtra="0pt" android:paddingTop="0pt" android:paddingBottom="0pt" 左TextView的第一行与右上TextView完美TextView 。 左侧TextView的第二行比右下方TextView的第二行高一点。 似乎在TextView的顶部和底部都有某种隐藏的填充。 我该如何删除? 回答1 setIncludeFontPadding (boolean includepad) 或以XML表示: android:includeFontPadding="false" 设置TextView是否包含额外的顶部和底部填充,以便为超出正常上升和下降高度的重音腾出空间。 默认值为true。 回答2 我感到你很痛苦。 我已经尝试了以上所有答案,包括将setIncludeFontPadding为false,这对我没有任何帮助。 我的解决方案? TextView上的layout_marginBottom="-3dp
  • 如何为 Jtable 中的行添加边框?(How do you add a border to a row in a Jtable?)
    问题 我有一个 Jtable,我想通过向行添加边框来突出显示一行。 我扩展了一个DefaultTableCellRenderer并且我认为需要在getTableCellRendererComponent方法中完成这项工作。 我猜因为似乎没有行的概念,所以我需要为行中的各个单元格创建自定义边框。 类似于第一个单元格的左侧、顶部和底部,所有内部单元格的顶部和底部,以及行中最后一个单元格的顶部、底部和右侧。 我在找出如何实际执行思考过程时遇到问题。 我不确定如何使用setBorder()方法,或者这是否是我需要采取的方向。 回答1 您有正确的想法,您需要根据它在表格中的位置(即边缘、中心等)在 cellrenderer 中设置标签上的边框。 看看哑光边框。 您可以指定沿宽度和颜色绘制边框的区域。 回答2 我不会为此创建自定义渲染器。 是的,如果您的所有数据都属于同一类型,它将起作用。 但是当你开始将字符串、日期、整数和布尔值混合使用时会发生什么,它们都使用不同的渲染器? 然后您需要创建 4 个自定义渲染器。 更好的方法是覆盖 prepareRenderer(...) 方法 JTable,以便您可以在一处添加代码。 这是一个让您入门的示例。 实际上,您可能希望使用包含顶部/底部的 MatteBorder 和左侧/右侧的 EmptyBorder 的 CompoundBorder,并且您将创建
  • 如何仅显示顶部和底部边框(How to show only top and bottom border)
    问题 这是我的XML代码,可以正常工作,唯一的问题是它在所有四个侧面都显示边框,而我只想在顶部和底部显示边框。 我怎样才能做到这一点? <?xml version="1.0" encoding="UTF-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" > <solid android:color="#FFFFFF" /> <stroke android:width="3dip" android:color="#B1BCBE" /> <padding android:bottom="0dip" android:left="0dip" android:right="0dip" android:top="0dip" /> </shape> 回答1 尝试以下 <?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item> <shape android:shape="rectangle"> <solid android:color="#FF0000" /> </shape> </item> <item android:bottom
  • 使用jQuery检测用户何时滚动到div的底部(Detecting when user scrolls to bottom of div with jQuery)
    问题 我有一个div框(称为“通量”),里面包含可变数量的内容。 此divbox的溢出设置为auto。 现在,我想做的是,当使用滚动到该DIV框的底部时,将更多内容加载到页面中,我知道如何执行此操作(加载内容),但是我不知道如何检测用户何时滚动到div标签的底部? 如果我想在整个页面上都这样做,我会选择.scrollTop并将其从.height中减去。 但是我似乎无法在这里做到这一点? 我试过从磁通量中获取.scrollTop,然后将所有内容包装在称为inner的div中,但是如果我将磁通量的innerHeight返回564px(div的高度设置为500)和“ innner”的高度当div底部显示564时,它将返回1064,并返回滚动顶部。 我能做些什么? 回答1 您可以使用一些属性/方法: $().scrollTop()//how much has been scrolled $().innerHeight()// inner height of the element DOMElement.scrollHeight//height of the content of the element 因此,您可以取前两个属性的总和,当它等于最后一个属性时,您已经到达末尾: jQuery(function($) { $('#flux').on('scroll', function() {
  • iPhone - 创建自定义 UITableViewCell 顶部和底部边框(iPhone - Create custom UITableViewCell top and bottom borders)
    问题 我到处找,还没有找到我的答案。 我用来自 JSON 的动态单元格填充 UITableView,我试图隐藏任何额外的单元格。 我在 IB 中关闭了分隔符,当然所有的单元格分隔符都消失了。 如何在每个 tableviewcell 的底部和顶部添加一条线,以便只有具有信息的单元格显示边框? 我已经导入了 Quartz 并且一直在玩 CALayer 但找不到解决方案。 我在这里找到了一个类似的问题,但唯一的答案不是很有帮助。 有什么更好的、不同的方式来做到这一点? 这是我的 cellForRowAtIndexPath 和 numberOfRowsInSection: - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { // Return the number of rows in the section. //set equal to the information in the array return [_jsonDataArray count]; } - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *
  • JavaFX- 3.1 布局系统:内建布局使用
    内建布局使用 本主题描述JavaFX SDK随附的布局容器类(称为窗格)。 使用布局窗格可以轻松管理JavaFX应用程序的用户界面。 JavaFX应用程序可以通过设置每个UI元素的position和size属性来手动布置UI。 但是,一个更简单的选择是使用布局窗格。 JavaFX SDK提供了几个布局窗格,用于轻松设置和管理经典布局,例如行,列,堆栈,图块等。 调整窗口大小时,布局窗格会根据节点的属性自动调整其位置和大小。 BorderPane BorderPane布局窗格提供五个可放置节点的区域:顶部,底部,左侧,右侧和中心。 图1-1显示了可以使用边框窗格创建的布局类型。 区域可以是任何大小。 如果您的应用程序不需要区域之一,则无需定义它,也不会为其分配任何空间。 图1-1 边框窗格对于顶部的工具栏,底部的状态栏,左侧的导航面板,右侧的附加信息以及中央的工作区域的经典外观很有用。 如果窗口大于每个区域的内容所需的空间,则默认情况下会将多余的空间分配给中心区域。如果窗口小于每个区域的内容所需的空间,则这些区域可能会重叠。重叠由区域设置的顺序确定。例如,如果以左,下和右的顺序设置区域,则当窗口变小时,底部区域与左侧区域重叠,而右侧区域与底部区域重叠。如果按左,右和底部的顺序设置,则当窗口变小时,底部区域将与左侧和右侧区域重叠。 例1-1显示了用于创建边框窗格的代码
  • python学习_day5_Web基础(2)
    文章目录 四、CSS样式基础4.1 CSS id \ class 选择器id选择器class 类选择器 4.2 直接通过元素名设置样式4.3 组合选择器4.3.1 后代选择器4.3.2 子元素选择器4.3.3 相邻兄弟选择器4.3.4 多个元素组合 4.4 盒子模型元素的宽度和高度 4.5 常用CSS属性4.5.1 background背景属性4.5.2 边框Border 和轮廓Outline属性4.5.3 内边距Padding属性4.5.4 外边距(Margin) 属性4.5.5 position 定位属性4.5.6 字体(Font) 属性4.5.7 文本(Text) 属性 四、CSS样式基础 4.1 CSS id \ class 选择器 id选择器 id就像一个元素的身份证地址,可以在网页里,唯一代表某个元素,我们也可以通过这个id快速找到它对应的元素对象 class 类选择器 当你想给多个元素批量设置同样的一个样式的话,就可以使用类选择器 输出 4.2 直接通过元素名设置样式 若你想给页面所有的<p> 或<input>标签加上同样的样式,可以直接通过元素名批量设置 注意:id & class 选择器的样式优先级大于 元素名选择器 4.3 组合选择器 为了测试效果,先准备好3层div <div id="layer1"> <p>第1层</p> <div id="layer2">
  • 使用 CSS 去除嵌入的 vimeo iframe 上的黑色边框?(Removing black borders on a vimeo iframe embed using CSS?)
    问题 我试图找到一种方法来隐藏 vimeo 视频顶部和底部的黑色条带。 我认为可能有一种方法可以用 CSS 来掩盖它们。 我基本上想通过下面链接中的图像来实现这个人想要实现的目标,除了我想使用嵌入式视频来实现它同时保持响应。 在 youtube 缩略图上以 4:3 的比例去除黑色边框 非常感谢。 HTML <section class="d5-d13 c5-c13 b5-b13 a5-a13 video"> <div class='embed-container'> <iframe src='http://player.vimeo.com/video/69252713' frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> </div> </section> CSS .embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed