html关于画细线的高级方法

最新推荐文章于 2021-07-15 02:10:43 发布
最新推荐文章于 2021-07-15 02:10:43 发布
阅读量1.7k 收藏 1
点赞数
分类专栏： 其它 文章标签： html table
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xuandhu/article/details/121872
版权
<TABLE style="BORDER-COLLAPSE: collapse"
                              cellSpacing=0 borderColorDark=#ffffff
                              cellPadding=5 width=550>
  <TBODY>
    <TR>
      <TD
                                style="BORDER-RIGHT: rgb(153,153,153) 1px solid; BORDER-TOP: rgb(153,153,153) 1px solid; BORDER-LEFT: rgb(153,153,153) 1px solid; BORDER-BOTTOM: rgb(153,153,153) 1px solid"
                                width=542 bgColor=#afe754 height=5></TD>
    </TR>
    <TR>
      <TD
                                style="BORDER-RIGHT: rgb(153,153,153) 1px solid; BORDER-TOP: rgb(153,153,153) 1px solid; BORDER-LEFT: rgb(153,153,153) 1px solid; BORDER-BOTTOM: rgb(153,153,153) 1px solid"
                                width=542 bgColor=#f4fbea><P align=center><FONT
                                color=#006600><STRONG>:::::节能::::: &nbsp;</STRONG></FONT></P></TD>
    </TR>
  </TBODY>
</TABLE>
xuandhu
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
html 细线表格
weixin_30415113的博客
09-29 71
可以<table width="800px" cellpadding="0" border="1px" style="border: 1px solid black;border-collapse: collapse;">就是定义表格“崩塌”border-collapse: collapse;间距可以不写cellpadding=0甚至都可以不写 转载于:https://www.cnbl...
html细线边框设置
Chainse的专栏
11-02 910
&lt;style&gt; * { font-size:90%;} font { color:#0000CC;}&lt;/style&gt;&lt;font&gt;下面的细线表格是用cellspacing来实现的，用表格的背景色做为边框的颜色。&lt;/font&gt;不方便的是每一行都要再设置一个背景色。&lt;table width="400" border="0" cellsp
html中画布中怎么画一条直线,HTML5 Canvas中实现绘制一个像素宽的细线
weixin_39594296的博客
05-30 107
正统的HTML5 Canvas中如下代码ctx.lineWidth = 1;ctx.beginPath();ctx.moveTo(10, 100);ctx.lineTo(300,100);ctx.stroke();运行结果绘制出来的并不是一个像素宽度的线感觉怎么好粗啊，跟常常见到的网页版各种绘制线效果很不一样，难道HTML5 Canvas就没想到搞好点嘛其实这个根本原因在于Canvas的绘制不是从...
html细实线英文,细实线是什么意思
weixin_35407400的博客
06-08 826
1. 为细实线，不可与轴线重合或注在其他线的延长处。Coincident with any existing lines or drawn as extension of any lines.2. 解决排图后中心线、虚线、双点划线像细实线的问题。Solution after row of chart center line, dotted line, double -dotted lines as...
由css绘制单条细线所学到的
yuanrufeng的专栏
08-31 267
近期弄网页写了一个高3px的双色横线，在IE7上面和FF上面显示正常，可是一放到IE6就显示出错了。由此发现自己对clear，overflow等样式还不太熟悉，以下做一下学习笔记定义和用法clear 属性设置一个元素的侧面是否允许其他的浮动元素。可能的值值描述left在左侧不允许浮动元素right在右侧不允许浮动元素both在
html制作细线表格的简单实例
09-28
HTML制作细线表格的实例中主要涉及的知识点包括HTML表格的属性设置、CSS样式应用、以及通过CSS控制表格边框的视觉效果。以下是详细的解释： 1. table标签属性设置：在HTML中，创建表格通常使用table标签，并且可以...
HTML5 Canvas画线技巧——实现绘制一个像素宽的细线
09-28
本知识点将深入探讨如何在HTML5 Canvas中绘制一个像素宽度的细线，并解释遇到的问题及其解决方法。 首先，在HTML5 Canvas中绘制图形，我们会使用到Canvas提供的绘图上下文（context）。对于绘制线条，主要用到的...
Dreamweaver中怎么让html网页中的table边框细线显示?
09-24
以上三种方法可以帮助你在Dreamweaver中轻松实现HTML表格的细线边框效果。值得注意的是，虽然这些方法适用于大多数情况，但在不同的浏览器和设备上，可能需要进行额外的兼容性测试以确保一致的显示效果。此外，了解...
css3实现0.5px的细线
weixin_39808181的博客
02-25 741
<div class="line"></div> <style> .line{ position:relative; } .line:after{ content:""; position:absolute; left:0; top:0; wiath:100%; height:1px; background-color:#000000; -webkit-transform:scaleY(.5); transform:scaleY(.
html中怎么设置一根线左边红右边灰,div的背景图像周围出现灰色线
weixin_31040629的博客
07-15 561
我有一个div，它是页面宽度和高度的100％。我已将div的背景设置为动画gif，并使背景的高度随div的高度(页面高度的100％)而变化。背景图像水平重复，位于页面底部。HTML / CSS在Chrome中运行此代码段，将其设为全屏，然后调整窗口大小，直到显示该行。html {height: 100%;}body {min-height: 100%;margin: 0;padding: 0;}....
html中border细线样式,网页中实现细线边框的两种方法
weixin_32121569的博客
06-22 2340
很多朋友都有过制作网页的经历，如今，众多网页的设计都用到了表格。这样不仅有利于网页的维护，同时，提高了网页的观赏性。在众多网页制作风格中，细边框这个制作方法是必不可少的。这里，我将简单地谈一下细边框的制作方法。谈到细边框，本人认为大致有两种制作方法，第一种是用表格的嵌套，第二种是用CSS强制定义。如何用表格嵌套呢?大家都知道，用Bgcolor可以在表格中任意定义表格的背景颜色，用Cellspaci...
html边框直线,在网页中实现细线边框的两种方法-网页设计,HTML/CSS
weixin_39989980的博客
05-30 568
很多朋友都有过制作网页的经历，如今，众多网页的设计都用到了表格。这样不仅有利于网页的维护，同时，提高了网页的观赏性。在众多网页制作风格中，细边框这个制作方法是必不可少的。这里，我将简单地谈一下细边框的制作方法。谈到细边框，本人认为大致有两种制作方法，第一种是用表格的嵌套，第二种是用css强制定义。如何用表格嵌套呢？大家都知道，用bgcolor可以在表格中任意定义表格的背景颜色，用cellspaci...
html表格如何成为一条线,html如何制作细线表格
weixin_42525189的博客
06-03 2411
这次给大家带来html如何制作细线表格，用html制作细线表格的注意事项有哪些，下面就是实战案例，一起来看一下。关于这个细线表格的制作方法，百度一下可能就会有答案告诉你设置这几个值：给table设置border="0" cellspacing="1" bgcolor="#990033"这几个值，还要给单元格单独设置背景色,例如：bgcolor="#fff"。但是关于为什么要设置这几个值，估计就没有...
(小技巧)HTML表格中设置极细边框线
m0_47974640的博客
08-17 3171
(小技巧)HTML表格中设置极细边框线 首先，先写好一个表格 设置border=“1”后 <table border="1"> 是这样的 边框很“厚”，很丑，但边框已设为1px，不能再减少px值。 解决： 设置样式： table { //合并边框 border-collapse: collapse; } table, th, td { //设置边框颜色、类型等样式 border: 1px
如何用css3画一根优雅的0.5px细线
凝视深渊
03-12 8685
利用细线布局、区分页面是常用的手段。一般UI为了美观都会采用 0.5 px 而不是 1px 的细线。而这就造成了问题：由于屏幕和设计稿的分辨率转换，如果在border中直接定义为0.5 px, 会造成有时候细线被抹杀成 0 px，从而看不到， 如果定义为 1px， 则实际显示的时候会变成 2px， 就失去了UI设计细线的原意。那么，该如何画一根优雅的 .5px 细线呢？ 这可以用css3的tra...
HTML细线表格的实现
Something的专栏
08-22 1058
在网页制作中，我们常常会使用到表格，表格使得需要表达的信息更清楚，明了。             1.1         1.2                 2.1         2.2     这段代码定义了border = 1pix的表格，但实际上表格的实际边框宽度为2pix, 这是因为表格边框由：表格外边框和单元格边框两部分构成。 那
css 0.5px 间隔细线 | border 细线的实现 参考WeUI
huch的博客
07-31 9676
在Android中系统是识别0.5dp的，但是在web中浏览器内核在遇到0.5px时会向上取整为1px。 前端UI设计的间隔线都是设计0.5px，这时候用border-bottom: 1px solid #e6e6e6; 效果还是很粗的，UI复核页面的时候肯定不过关的。 下面说一下参考WeUI的解决方案： WeUI 间隔线 先看WeUI源码的实现 提取核心： .weui-...
HTML小技巧将table边框改为细线
weixin_30256901的博客
03-25 564
HTML制作新手在用TABLE表格时，会碰到如何改变边线粗线，因为默认的TABLE边线设置即使是1px 是很粗的。因此会使用其他一些方法来制作出细线边框，这里介绍一种利用CSS来实现细线的方法，很有效，而且兼容所有浏览器。 细线表格如果单纯设置边框，很难保证浏览器兼容。常见的做法是利用 CSS2 的 "border-collapse:collapse;" 属性合并表格边框；并对 table 元素设...
用html实现细线表格
dwjdj的博客
01-16 2118
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>细线表格</title> </head> <body> <table align="center" width="300" height="...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值