html边框直线代码,网页制作学习:实现细线边框的两种方法_html
很多朋友都有过制作网页的经历,如今,众多网页的设计都用到了表格。这样不仅有利于网页的维护,同时,提高了网页的观赏性。在众多网页制作风格中,细边框这个制作方法是必不可少的。这里,我将简单地谈一下细边框的制作方法。
谈到细边框,本人认为大致有两种制作方法,第一种是用表格的嵌套,第二种是用css强制定义。
如何用表格嵌套呢?大家都知道,用Bgcolor可以在表格中任意定义表格的背景颜色,用Cellspacing可以控制表格单元的额外空间,如果定义两个表格,把其中一个的表格背景设为全黑,然后在这个表格中嵌套定义另外一个表格,背景设为全白,并且把Weight=100%。这时,两个表格是重叠的,但是,如果把背景为黑色的那个表格再定义一个Cellspacing=1。那么就是说,黑色的表格比白色的表格多出了一个像素的外围空间,而白色的表格又在黑色表格之上,从而达到细边框的效果。源代码如下:
|
第二种比较简单,那就是用CSS(层叠样式表)强制定义,但是,有些比较老的浏览器不支持CSS,可能导致无法显示你所要求的效果。不过使用CSS定义,语句非常简洁,所作网页的容量也较小。它的操作方法是,在表格的最外围的相应最小单元的〈td〉标签中定义style=”BORDER-postion: black 1px solid;”,其中,Postion的参数有Left、Right、Top和Bottom,分别表示在单元的左、右、上、下显示一条1个像素宽的实线条。
欢迎大家阅读《网页制作学习:实现细线边框的两种方法_html》,跪求各位点评,若觉得好的话请收藏本文,by 搞代码
搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:网页制作学习:实现细线边框的两种方法_html
html边框直线代码,网页制作学习:实现细线边框的两种方法_html相关推荐
- html边框直线,在网页中实现细线边框的两种方法-网页设计,HTML/CSS
很多朋友都有过制作网页的经历,如今,众多网页的设计都用到了表格.这样不仅有利于网页的维护,同时,提高了网页的观赏性.在众多网页制作风格中,细边框这个制作方法是必不可少的.这里,我将简单地谈一下细边框的 ...
- Android4清理代码缓存,Android清除应用缓存的两种方法
第一种 使用ActivityManager中的clearApplicationUserData方法,代码如下: ActivityManager am = (ActivityManager) getSy ...
- PHP获取网页源码最简单的两种方法
第一种:curl 废话不多说,直接上代码 //1,获取curl句柄 $ch = curl_init();// 2. 设置选项,包括URL curl_setopt($ch,CURLOPT_URL,&qu ...
- 网页加载缓慢时,两种方法实现loading效果
当页面加载速度很慢的时候,页面就会出现白屏的状况,如果没有使用loading来和用户进行交互,用户并不知道应用到底是出现什么问题(卡死.出错或者在加载)页面加载所需要时间越长,那么可能损失的用户量就会 ...
- 【前端】html+css实现鼠标悬浮变色的按钮,消除加粗边框发生抖动现象的两种方法 hover【HTML+CSS+JavaScript(JS)】
效果: 代码: <!DOCTYPE html> <html><head><meta charset="utf-8"><titl ...
- Unity Android 之 应用打开手机的指定网页浏览器(external browser)的两种方法(封装aar和不用封装aar方法)
Unity Android 之 应用打开手机的指定网页浏览器(external browser)的两种方法(封装aar和不用封装aar方法) 目录 Unity Android 之 应用打开手机的指定网 ...
- html语言显示动态当前日期和时间,举一反三 浅谈在网页上显示日期的两种方法-网页设计,HTML/CSS...
在上网的时候,经常会在一些网页上看到当前的日期,如:"今天是×年×月×日星期×"等字样.为了显示系统当前的日期,一般采用脚本语言vbscript或javascript,两种语言有其 ...
- css如何设置透明度?设置透明度的两种方法(代码实例)
在前端页面开发布局的时候,为了给用户呈现不同的效果,经常需要设置透明度,那么css是怎样设置透明度的?本章给大家介绍用css设置透明度的两种方法(代码实例).有一定的参考价值,有需要的朋友可以参考一下 ...
- java json解析 代码_Java构造和解析Json数据的两种方法详解一
在www.json.org上公布了很多JAVA下的json构造和解析工具,其中org.json和json-lib比较简单,两者使用上差不多但还是有些区别.下面首先介绍用json-lib构造和解析Jso ...
最新文章
- FirstDay@JavaOne2017
- kvm性能优化方案---cpu/内存/磁盘/网络
- jquery防止冒泡
- local_listener 与 remote_listener 参数说明
- 外包程序员入职蚂蚁金服被质疑,网友:人生污点
- 解题报告——蓝桥 试题 基础练习 矩阵乘法——27行代码AC
- C++关于虚基类、构造函数、析构函数、成员对象的两个程序浅析
- 好程序员Java分享Java案例_英汉字典
- JAVA入门到精通-第7讲-成员方法-构造方法
- python执行shell脚本、执行mongodb_mongodb如何执行js
- NYOJ 3:多边形重心问题
- 工作流软件是未来web的支柱
- Matlab中struct的用法
- python100份教材/教程分享学习,初中高级总有适合你的
- command '/Android/Sdk/build-tools/21.1.2/aapt'
- 158 鄭光弼 守夫
- sql server出生年月减去退休年月 计算年龄
- HTML——携程旅游案例
- uCOS-II 基础入门教程(九)
- qbo energy board debug