首页
关于
test
搞笑视频
友情链接
更多
文章归档
推荐
资料下载
备份站1
备份站2
备份站3
备份站4
备份站5
备份站6
Search
1
centos 32位 64位 下挂vagex一键包代码
714 阅读
2
wordpress转typecho方法
615 阅读
3
一个自制的virto精简版kvm qemu win2003模板 最低64M内存可用
604 阅读
4
PHP 安装
532 阅读
5
暴雨 车被泡了~
475 阅读
默认分类
vps综合利用
登录
/
注册
Search
标签搜索
Uncategorized
安装
mysql
utf-8
网站
google
linux
free
免费
黑色
ssl
一键包
优化
40%
press
vagex
32位
64位
debian
domain
御品VPS
累计撰写
500
篇文章
累计收到
1
条评论
首页
栏目
默认分类
vps综合利用
页面
关于
test
搞笑视频
友情链接
文章归档
推荐
资料下载
备份站1
备份站2
备份站3
备份站4
备份站5
备份站6
搜索到
493
篇与
admin
的结果
2018-03-24
CSS Border(边框)
CSS 盒子模型CSS 轮廓(outline)属性 CSS 边框CSS 边框属性CSS边框属性允许你指定一个元素边框的样式和颜色。在四边都有边框红色底部边框圆角边框左侧边框带宽度,颜色为蓝色边框样式边框样式属性指定要显示什么样的边界。 border-style属性用来定义边框的样式border-style 值:none: 默认无边框dotted: dotted:定义一个点线边框dashed: 定义一个虚线边框solid: 定义实线边框double: 定义两个边框。 两个边框的宽度和 border-width 的值相同groove: 定义3D沟槽边框。效果取决于边框的颜色值ridge: 定义3D脊边框。效果取决于边框的颜色值inset:定义一个3D的嵌入边框。效果取决于边框的颜色值outset: 定义一个3D突出边框。 效果取决于边框的颜色值尝试一下: 设置边框样式边框宽度您可以通过 border-width 属性为边框指定宽度。为边框指定宽度有两种方法:可以指定长度值,比如 2px 或 0.1em(单位为 px, pt, cm, em 等),或者使用 3 个关键字之一,它们分别是 thick 、medium(默认值) 和 thin。注意:CSS 没有定义 3 个关键字的具体宽度,所以一个用户可能把 thick 、medium 和 thin 分别设置为等于 5px、3px 和 2px,而另一个用户则分别设置为 3px、2px 和 1px。实例p.one{border-style:solid;border-width:5px;}p.two{border-style:solid;border-width:medium;}尝试一下 »边框颜色border-color属性用于设置边框的颜色。可以设置的颜色: name - 指定颜色的名称,如 "red" RGB - 指定 RGB 值, 如 "rgb(255,0,0)" Hex - 指定16进制值, 如 "#ff0000" 您还可以设置边框的颜色为"transparent"。注意: border-color单独使用是不起作用的,必须得先使用border-style来设置边框样式。实例p.one{border-style:solid;border-color:red;}p.two{border-style:solid;border-color:#98bf21;}尝试一下 »边框-单独设置各边在CSS中,可以指定不同的侧面不同的边框:实例p{border-top-style:dotted;border-right-style:solid;border-bottom-style:dotted;border-left-style:solid;}尝试一下 »上面的例子也可以设置一个单一属性:实例border-style:dottedsolid;尝试一下 »border-style属性可以有1-4个值: border-style:dotted solid double dashed; 上边框是 dotted 右边框是 solid 底边框是 double 左边框是 dashed border-style:dotted solid double; 上边框是 dotted 左、右边框是 solid 底边框是 double border-style:dotted solid; 上、底边框是 dotted 右、左边框是 solid border-style:dotted;四面边框是 dotted 上面的例子用了border-style。然而,它也可以和border-width 、 border-color一起使用。边框-简写属性上面的例子用了很多属性来设置边框。你也可以在一个属性中设置边框。你可以在"border"属性中设置: border-width border-style (required) border-color 实例border:5pxsolidred;尝试一下 »更多实例所有边框属性在一个声明之中本例演示用简写属性来将所有四个边框属性设置于同一声明中。设置下边框的样式本例演示如何设置下边框的样式。设置左边框的宽度本例演示如何设置左边框的宽度。设置四个边框的颜色本例演示如何设置四个边框的颜色。可以设置一到四个颜色。设置右边框的颜色本例演示如何设置右边框的颜色。CSS 边框属性 属性 描述 border 简写属性,用于把针对四个边的属性设置在一个声明。 border-style 用于设置元素所有边框的样式,或者单独地为各边设置边框样式。 border-width 简写属性,用于为元素的所有边框设置宽度,或者单独地为各边边框设置宽度。 border-color 简写属性,设置元素的所有边框中可见部分的颜色,或为 4 个边分别设置颜色。 border-bottom 简写属性,用于把下边框的所有属性设置到一个声明中。 border-bottom-color 设置元素的下边框的颜色。 border-bottom-style 设置元素的下边框的样式。 border-bottom-width 设置元素的下边框的宽度。 border-left 简写属性,用于把左边框的所有属性设置到一个声明中。 border-left-color 设置元素的左边框的颜色。 border-left-style 设置元素的左边框的样式。 border-left-width 设置元素的左边框的宽度。 border-right 简写属性,用于把右边框的所有属性设置到一个声明中。 border-right-color 设置元素的右边框的颜色。 border-right-style 设置元素的右边框的样式。 border-right-width 设置元素的右边框的宽度。 border-top 简写属性,用于把上边框的所有属性设置到一个声明中。 border-top-color 设置元素的上边框的颜色。 border-top-style 设置元素的上边框的样式。 border-top-width 设置元素的上边框的宽度。
2018年03月24日
91 阅读
0 评论
0 点赞
2018-03-24
CSS 轮廓(outline)属性
CSS Border(边框)CSS margin(外边距) CSS 轮廓(outline)轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。轮廓(outline)属性指定元素轮廓的样式、颜色和宽度。轮廓(outline)实例在元素周围画线本例演示使用outline属性在元素周围画一条线。设置轮廓的样式本例演示如何设置轮廓的样式。设置轮廓的颜色本例演示如何设置轮廓的颜色。设置轮廓的宽度本例演示如何设置轮廓的宽度。CSS 轮廓(outline)轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。CSS outline 属性规定元素轮廓的样式、颜色和宽度。所有CSS 轮廓(outline)属性"CSS" 列中的数字表示哪个CSS版本定义了该属性(CSS1 或者CSS2)。 属性 说明 值 CSS outline 在一个声明中设置所有的轮廓属性 outline-coloroutline-styleoutline-widthinherit 2 outline-color 设置轮廓的颜色 color-namehex-numberrgb-numberinvertinherit 2 outline-style 设置轮廓的样式 nonedotteddashedsoliddoublegrooveridgeinsetoutsetinherit 2 outline-width 设置轮廓的宽度 thinmediumthicklengthinherit 2
2018年03月24日
125 阅读
0 评论
0 点赞
2018-03-24
CSS margin(外边距)
CSS 轮廓(outline)属性CSS padding(填充) CSS margin(外边距)CSS margin(外边距)属性定义元素周围的空间。marginmargin 清除周围的(外边框)元素区域。margin 没有背景颜色,是完全透明的。margin 可以单独改变元素的上,下,左,右边距,也可以一次改变所有的属性。可能的值 值 说明 auto 设置浏览器边距。这样做的结果会依赖于浏览器 length 定义一个固定的margin(使用像素,pt,em等) % 定义一个使用百分比的边距 Margin可以使用负值,重叠的内容。Margin - 单边外边距属性在CSS中,它可以指定不同的侧面不同的边距:实例margin-top:100px;margin-bottom:100px;margin-right:50px;margin-left:50px;尝试一下 »Margin - 简写属性为了缩短代码,有可能使用一个属性中margin指定的所有边距属性。这就是所谓的简写属性。所有边距属性的简写属性是 margin :实例margin:100px50px;尝试一下 »margin属性可以有一到四个值。/p> margin:25px 50px 75px 100px; 上边距为25px 右边距为50px 下边距为75px 左边距为100px margin:25px 50px 75px; 上边距为25px 左右边距为50px 下边距为75px margin:25px 50px; 上下边距为25px 左右边距为50px margin:25px;所有的4个边距都是25px 更多实例文本的上边距设置使用厘米值这个例子演示了如何设置一个使用厘米值的文本的顶部margin。Set 使用百分比值设置文本的下边距这个例子演示了如何设置使用百分比值的下边距,相对于包含的元素的宽度。所有的CSS边距属性 属性 描述 margin 简写属性。在一个声明中设置所有外边距属性。 margin-bottom 设置元素的下外边距。 margin-left 设置元素的左外边距。 margin-right 设置元素的右外边距。 margin-top 设置元素的上外边距。
2018年03月24日
99 阅读
0 评论
0 点赞
2018-03-24
CSS padding(填充)
CSS margin(外边距)CSS 分组和嵌套 CSS padding(填充)CSS padding(填充)是一个简写属性,定义元素边框与元素内容之间的空间,即上下左右的内边距。padding(填充)当元素的 padding(填充)内边距被清除时,所释放的区域将会受到元素背景颜色的填充。单独使用 padding 属性可以改变上下左右的填充。可能的值 值 说明 length 定义一个固定的填充(像素, pt, em,等) % 使用百分比值定义一个填充 填充- 单边内边距属性在CSS中,它可以指定不同的侧面不同的填充:实例padding-top:25px;padding-bottom:25px;padding-right:50px;padding-left:50px;尝试一下 » 上内边距是 25px 右内边距是 50px 下内边距是 25px 左内边距是 50px 填充 - 简写属性为了缩短代码,它可以在一个属性中指定的所有填充属性。这就是所谓的简写属性。所有的填充属性的简写属性是 padding :实例padding:25px 50px;尝试一下 »Padding属性,可以有一到四个值。 padding:25px 50px 75px 100px; 上填充为25px 右填充为50px 下填充为75px 左填充为100px padding:25px 50px 75px; 上填充为25px 左右填充为50px 下填充为75px padding:25px 50px; 上下填充为25px 左右填充为50px padding:25px; 所有的填充都是25px 更多实例在一个声明中的所有填充属性这个例子演示了使用简写属性设置在一个声明中的所有填充属性,可以有一到四个值。设置左部填充这个例子演示了如何设置元素左填充。设置右部填充这个例子演示了如何设置元素右填充。.设置上部填充这个例子演示了如何设置元素上填充。设置下部填充这个例子演示了如何设置元素下填充。所有的CSS填充属性 属性 说明 padding 使用简写属性设置在一个声明中的所有填充属性 padding-bottom 设置元素的底部填充 padding-left 设置元素的左部填充 padding-right 设置元素的右部填充 padding-top 设置元素的顶部填充
2018年03月24日
95 阅读
0 评论
0 点赞
2018-03-24
CSS 分组和嵌套
CSS padding(填充)CSS 尺寸 (Dimension) CSS 分组 和 嵌套 选择器Grouping Selectors在样式表中有很多具有相同样式的元素。h1{color:green;}h2{color:green;}p{color:green;}为了尽量减少代码,你可以使用分组选择器。每个选择器用逗号分隔.在下面的例子中,我们对以上代码使用分组选择器:实例h1,h2,p{color:green;}尝试一下 »嵌套选择器它可能适用于选择器内部的选择器的样式。在下面的例子设置了三个样式:为所有p元素指定一个样式 为所有class="marked"的元素指定一个样式 为所有class="marked"元素内的p元素指定一个样式 实例p{color:blue;text-align:center;}.marked{background-color:red;}.marked p{color:white;}尝试一下 »
2018年03月24日
87 阅读
0 评论
0 点赞
1
...
53
54
55
...
99