`

容器边框

 
阅读更多
1、如何定义DIV的边框颜色
<div style="border: 1px solid #000099;">这样定义DIV边框颜色</div>

2、如何在网页中制作虚线边框
<div style="BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED">这样便是虚线边框了,你可以根据需要设置某一边框为虚线</div>

3、 如何让边框有立体
<div style="BACKGROUND: #f7f7f7; OVERFLOW: hidden; WIDTH: 100%; LINE-HEIGHT: 28px; BORDER-BOTTOM: #b9b5a9 1px solid; HEIGHT: 28px">/*BORDER-BOTTOM: #b9b5a9 1px solid;底边有一像素的立体感*/</div>
4、如何为tr设置边框
tr是没有border属性的。可是我们有时却必须为设置边框来达到简化代码的目的。于是还是有办法解决这个问题的:tr加一个class,然后设置底下td的style
示例:
<style>
.bbb td{border: #0099ff 1px dashed;border-width:1px 0;}
</style>
<table>
<tr>
<td>123</td><td>123</td><td>123</td><td>123</td>
</tr>
<tr>
<td>123</td><td>123</td><td>123</td><td>123</td>
</tr>
<tr>
<td>123</td><td>123</td><td>123</td><td>123</td>
</tr>
<tr>
<td>123</td><td>123</td><td>123</td><td>123</td>
</tr>
<tr class="bbb">
<td>123</td><td>123</td><td>123</td><td>123</td>
</tr>
<tr>
<td>123</td><td>123</td><td>123</td><td>123</td>
</tr>
</table>
分享到:
评论

相关推荐

    HTML 布局 浮动 位置移动 和 边框盒子模型例子

    当一个元素被设置为浮动(如`float: left`或`float: right`),它会脱离正常文档流,向左或向右移动直到碰到容器边框或另一个浮动元素。浮动元素会影响到周围元素的位置,这在创建自适应布局时非常有用。 位置移动...

    Flex3界面布局中文教程

    在这种模式下,组件的位置可以通过相对于容器边框或其它组件的约束来决定,提供了一种更为灵活的定位方式。 4. **ControlBar layout 容器** ControlBar布局容器主要用于组织和排列工具栏或控制条上的按钮和其他小...

    C#通过重写Panel改变边框颜色与宽度的方法

    主要介绍了C#通过重写Panel改变边框颜色与宽度的方法,涉及C#针对Panel控件的重写与属性设置技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    Devexpress Layout control 控件显示边框

    这些边框可能包括控件自身的边框以及布局容器的边框。然而,在运行时,这些边框默认可能是隐藏的,以提供更干净、无干扰的用户界面。这可能是你遇到问题的原因。 解决"Devexpress Layout control 控件显示边框"问题...

    C# WinForm窗体控件Panel修改边框颜色以及边框宽度方法

    在C# WinForm开发中,Panel控件是一个非常常用的组件,它可以用来组织其他控件或者作为容器使用。本文将深入探讨如何修改Panel控件的边框颜色和边框宽度,以实现自定义的视觉效果。 首先,我们需要了解Panel控件的...

    2021年前端面试题汇总.docx

    3. Margin是自身容器边框到另一个容器边框的距离,就是容器的外边距 4. Padding是自身容器边框到自身内容之间的距离,是为内边距 六、语义化的理解 1. 根据内容的结构化使用合适的语义化标签,让浏览器的爬虫和...

    JS实现图片改成圆角效果

    /* 隐藏超出容器边框的部分 */ border-radius: 50%; /* 设置圆角半径,值为100%时相当于圆形 */ } ``` 然而,这种方法存在一个问题:当图片尺寸与容器不匹配时,图片的四角可能会被裁剪。为了解决这个问题,我们...

    Flex开发的代边框Box以及自定义代checkBox的容器

    在本话题中,我们主要探讨的是如何在Flex中创建一个带有边框的Box容器以及自定义的CheckBox组件,这两种元素在Flex应用中是非常常见的。 首先,让我们来理解边框Box(BorderContainer)在Flex中的作用。...

    flex实现边框

    对于边框和标题的需求,MX容器中的`TitleWindow`类是一个理想的选择,因为它提供了内置的标题支持和可定制的边框样式。 1. **创建边框**: 在Flex中,你可以使用CSS(Cascading Style Sheets)来定义边框样式。...

    css2.0手册 css2.0手册

    浮动元素会脱离正常文档流,并向左或向右移动,直到碰到容器边框或其他浮动元素。清除浮动(clear)可以防止元素因浮动元素的影响而移动。 此外,CSS2.0提供了文本处理功能,如字体、颜色、行高、文本对齐、缩进等...

    高仿QQ2014,MDI,主题换肤

    2.将SkinTextBox改为容器边框,其他控件可放进其里面。 3.设置SkinTextBox中的TextBox为不可点击,详细参数在属性栏里设置。 4.SkinPanel添加属性(BorderColor:边框颜色)。 5.添加(SkinPushPanel:抽屉控件列表,...

    js生成带边框二维码

    创建一个`div`元素作为二维码容器,然后将生成的二维码图片作为背景,并设置边框: ```html &lt;div id="qrcode"&gt;&lt;/div&gt; ``` ```javascript document.getElementById('qrcode').style.backgroundImage = 'url(' + ...

    flutter Container容器实现圆角边框

    Flutter Container 容器实现圆角边框 Flutter Container 容器是 Flutter 框架中一个非常重要的控件,它可以用来实现各种布局和样式的控件。今天,我们将详细介绍如何使用 Flutter Container 容器来实现圆角边框。 ...

    Java 圆角边框实例

    JFrame是Swing中的顶级容器,用于创建窗口。我们可以通过以下方式创建一个JFrame实例: ```java JFrame frame = new JFrame("圆角边框示例"); ``` 并设置其大小、位置和默认关闭操作: ```java frame.setSize...

    qrcodejs-通过链接生成二维码(带边框).zip

    2. 创建二维码容器:在HTML中预留一个div元素作为二维码的展示区域。 ```html &lt;div id="qrcode"&gt;&lt;/div&gt; ``` 3. 使用JavaScript生成二维码:在文档加载完成后,通过调用qrcode函数并传入相关参数,生成二维码并将...

    JNotify:Jquery消息提示插件-JNotify

    JNotify 基于Jquery的消息提示插件 ... 'borderColor':'#BCE8F1', //容器边框颜色 'borderRadius':'3px', //容器边框圆角 'position':'center', //容器对齐方式 left center right 'maxWidth':'250px

    CSS中margin和padding的区别浅析

    在CSS中margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离。 下面讲解 padding和margin常用的用法 一、padding 1、...

    MFC GroupBox自绘控件,可以方便改变边框的颜色

    在这个特定的案例中,"MFC GroupBox自绘控件,可以方便改变边框的颜色"指的是创建了一个自定义的MFC GroupBox控件,该控件允许开发者自定义边框颜色,同时还能设置显示的字体,以满足特定的界面设计需求。...

    自定义边框和圆角效果的VC 漂亮窗体.rar

    在Windows应用程序中,窗体(Window)是用户与程序交互的容器,通常由系统提供默认的边框和标题栏。但是,如果想要自定义窗体的外观,例如设置圆角边框或者独特的边框样式,就需要对Windows API有深入的理解。 1. *...

Global site tag (gtag.js) - Google Analytics