css边框与边界

最新推荐文章于 2021-08-04 04:04:24 发布
最新推荐文章于 2021-08-04 04:04:24 发布
阅读量242 收藏
点赞数
分类专栏： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yuanjin1988/article/details/42709115
版权 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
	<head>
		<title>CSS边框与边界</title>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
	</head>
	<style type = "text/css">
		img
		{	
			border:dashed 1px green;
		}
	</style>
	<body>
		<!-- border-color      十六进制 -->      
		<!-- border-color      英文名称 -->
		<!-- border-color      三原色   -->
		<!-- 
			可依序设置上、右、下、左线颜色
			border-color:red 四边均为红色
			border-color:red green 上下为红色、左右为绿色
			border-color:red green blue 上为红色、左右为绿色、下为蓝色
			border-color:red green blue yellow 上右下左分别为红绿蓝黄

		-->
		
		<!-- border-width  长度    border-width:0.2cm 0.3cm 0.4cm 0.5cm; -->
		<!-- border-width  长度    border-width:1 2 3 4; -->
		
		<!-- border-style  none    不显示边线 -->
		<!-- border-style  dotted  点线       -->
		<!-- border-style  dashed  虚线       -->
		<!-- border-style  solid   实线       -->
		<!-- border-style  double  双线       -->
		
		<!-- 简写形式 border:长度 形态 颜色;   -->
		<!-- 简写形式 border:1px dashed green; -->
		
		<img src = "4.jpg" />
	</body>
</html>


 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
	<head>
		<title>CSS边框与边界</title>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
	</head>
	<style type = "text/css">
		/*
			margin是对象挤压外界
			padding是对象挤压自身
		*/
		table
		{
			
		}
	</style>
	<body>
		
		<!-- padding 内边距 -->
		<!-- padding-bottom    长度/百分比   元件下端边线的空隙 -->
		<!-- padding-left      长度/百分比   元件左端边线的空隙 -->
		<!-- padding-right     长度/百分比   元件右端边线的空隙 -->
		<!-- padding-top       长度/百分比   元件上端边线的空隙 -->
		<!-- 简写形式 -->
		<!-- padding 10px 上下左右 10px -->
		<!-- padding 10px 20px 上下为20px 左右为40px -->
		<!-- padding 10px 20px 30px 上下-->
		<!-- padding 10px 20px 30px 40px 上右下左分别是10、20、30、40px-->
		
		<!-- margin 外边据 -->
		<!-- margin-bottom   auto           自动调整空隙 -->
		<!-- margin-bottom   长度/百分比    设置下端空隙 -->
		<!-- margin-left     auto           自动调整空隙 -->
		<!-- margin-bottom   长度/百分比    设置左端空隙 -->
		<!-- margin-right    auto           自动调整空隙 -->
		<!-- margin-bottom   长度/百分比    设置右端空隙 -->
		<!-- margin-top      auto           自动调整空隙 -->
		<!-- margin-bottom   长度/百分比    设置上端空隙 -->
		
		<table bgcolor = "red" border = "0" width = "300" height = "200" cellspacing = "0" cellpadding = "0">
			<tr><td valign = "top">PHP100.COM中文网<td></tr>
		</table>
	</body>
</html>


 

 

「已注销」
关注
专栏目录
CSS 边框、轮廓线
corlin6688的博客
11-07 371
border-color属性用于设置边框的颜色，可以通过name（指定颜色的名称）、RGB（指定RGB值）、HEX（指定颜色的十六进制值）设定颜色。（上边框是 dotted，右边框是 solid，底边框是 double，左边框是 dashed）。★ border-style:dotted solid double（上边框是 dotted，左、右边框是 solid，底边框是 double）。简写属性，用于为元素的所有边框设置宽度，或者单独地为各边边框设置宽度。CSS边框属性允许指定一个元素边框的样式和颜色。
html边界填充边框,CSS边界与填充
weixin_42470145的博客
07-02 1505
上边界语法:margin-top:允许值: | | auto初始值:0适用于:所有元素继承性:否上边界属性用一个指定的长度或百分比值来设置元素的上边界。百分比值参考上级元素的宽度。允许使用负值边际。例如，以下的规则将消除文件的上边界。BODY { margin-top: 0}注意如果边界在垂直方向邻接(重叠)了，会改用其中最大的那个边界值。右边界语法:margin-right:允许值: | | a...
盒模型--边界
bailang3277的博客
06-02 169
元素与其它元素之间的距离可以使用边界（margin）来设置。边界也是可分为上、右、下、左。如下代码： div{margin:20px 10px 15px 30px;} 也可以分开写： div{ margin-top:20px; margin-right:10px; margin-bottom:15px; margin-left:30px; } ...
css盒子模型、边框border、外边距margin、填充padding、轮廓outline
weixin_34090643的博客
01-01 306
盒子模型：盒子默认的宽度为容器的宽度，也可以自省设定宽度，高度根据内容适应，也可以自行设定高度。min-height设定最小高度 一个盒子包括外边距、边框、内边距和实际内容 Margin(外边距)：清除边框外的区域，外边距是透明的。 Border(边框)：围绕在内边距和外边距的边框。 Padding(内边距)：清除内容周围的区域，内边距是透明的。 Content(内容)：盒子的内容，显示...
html定义边界上下为0px,HTML – 边界崩溃有什么区别：崩溃;和边界间距：0;
weixin_42358539的博客
06-21 677
它们是不同的！ (请参阅下面的代码段确认).The border-collapse CSS property determines whether a table’s bordersare separated or collapsed. In the separated model, adjacent cellseach have their own distinct borders. In th...
HTML&CSS之边界合并和边界溢出
小猿猪哥的博客
11-23 4299
边界合并1.边界合并只出现在块级元素中，并且只会在上下边距出现 2.块级元素垂直上下边距相遇，取较大的值 3.如果出现负边距，这么两个元素的边距就是上下边距带符号的和，如果负边距的绝对值大于正边距， 就会出现重叠，后面的元素叠在前面的元素上 有上面的3点，下面我们就来一点一点的证明： 1，2可以一起证明： 正常情况下我们给上面的块设置了margin-bottom:10px，
css有棱角的边线,CSS边框与边界
weixin_39714164的博客
08-04 1135
(上右下左依次体现)à边框的同一属性名称可以同时使用多个属性值简化方案：border: 长度 形态 颜色例如 border:1px solid black;16.2 CSS中边界的使用padding属性介绍(对象挤压自身)属性名称 属性值 说明padding-bottom 长度/百分比 元件下端边线的空隙padding-lef...
16 ， CSS 边框与边界
lzjgame的博客
03-30 293
1.CSS 中边框的使用 2.CSS 中边界的使用 16.1 CSS 中边框的使用 属性名称 属性值 说明 border-color 十六进制 可依序设置上，右，下，左线颜色 英文名称 border-color:red(四边均为红色) 三原色 border-color:red green (上下为红色，左右为绿色) border-color:red green blue (上为红色、左右为绿色、下...
15-CSS边框与边界
skyandairchild的博客
10-18 551
CSS中边框的使用 CSS中边界的使用 1. CSS中边框的使用 属性名称 属性值 说明 border-style none 不显示边线(默认) dotted 点线 dashed 虚线 solid 实线 double 双线 border-width 长度 边框
小贝学习CSS边框与边界
脚本小子-小贝的专栏
10-29 567
CSS边框与边界 1、CSS 边框属性 CSS边框属性允许你指定一个元素边框的样式和颜色。 1.1、边框样式 边框样式属性指定要显示什么样的边界。 Remark border-style属性用来定义边框的样式 1.2、边框宽度 您可以通过 border-width 属性为边框指定宽度。 为边框指定宽度有两种方法：可以指定长度值，比如 2px 或 0.
第16章 CSS边框与边界.pdf
08-04
本章重点讲解的是CSS中的边框（Borders）与边界（Padding & Margin）的使用，它们是控制网页元素视觉效果的关键要素。 16.1 CSS 中边框的使用 边框（Border）允许我们为元素添加不同样式和颜色的线条。CSS提供了...
CSS3圆角边框和边界图片效果实例
09-24
CSS3圆角边框和边界图片效果实例这篇文档主要讲解了CSS3中的圆角边框效果、盒阴影效果以及如何通过图片制作边框的技巧。这些知识点在现代网页设计中非常实用，能够让网页的边框设计更加丰富和有创意。下面是对这些...
css控制边界与边框示例(内边距、外边距使用方法)
12-13
一、CSS控制边界 1、内边距 padding（内边距也叫内填充）padding-bottom 长度/百分比 元件下端边线的空隙padding-left 长度/百分比 元件左端边线的空隙padding-right 长度/百分比 元件右端边线的空隙padding-top ...
css中margin、padding属性用法
12-23 534
样式单边距margin使你能够在网页上的元素的矩形区域外部添加空隙。需要记住的 是,margin属性处理的是元素外面的间距。 以下是设置边距的样式属性 margin-top:设置上边距 margin-right:设置右边距 margin-bottom:设置下边距 margin-left:设置左边距 margin:在一个属性中设置上、右、下、左边距。 希望每个周围边距为15个像素，可
css构造超链接
01-16 309
css构造超链接 a { /*IE6 IE7不显示下划虚线*/ text-decoration:none; color:red; border-bottom:1px dashed #333; display:block; width:140px; line-height:150%;
css区块、浮动、定位、溢出、滚动条
01-14 262
CSS div { background:red; width:200px; height:100px; overflow:auto; scrollbar-face-color :pink; }
css定义选择器
01-15 233
定义选择器 #title { color:red; } PHP100.COM中文网 定义选择器 /*只适合title的h2标题*/ p#title { color:blue; } h2#ti
CSS盒模型详解：内容、填充、边框与边界
“CSS盒模型详解，包括盒的尺寸、边框、填充和边界，以及盒模型的概念、网页中的矩形框、盒的类型和如何理解盒模型。” 在Web设计中，CSS盒模型是一个核心概念，它定义了网页元素在页面上占用的空间方式。CSS将每个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值