一、设置边框 1、边框样式属性说明border-width设置边框的宽度boder-style设置边框的样式border-color设置边框的颜色 a、border-width属性 自定义边框的宽度时，不能定义为百分比。 b、border-style属性 以上属性可以设置一个、二个、三个、四个属性值，当设置一个值得时候四条边框都应用该属性值，当设置两个的时候时候上下使用第一个属性值，左右使用第二个属性值，当设置三个值的时候，第一个值应用在上边框，...
CSS3 多媒体查询CSS2 多媒体类型@media 规则在 CSS2 中有介绍，针对不同媒体类型可以定制不同的样式规则。例如：你可以针对不同的媒体类型(包括显示器、便携设备、电视机，等等)设置不同的样式规则。但是这些多媒体类型在很多设备上支持还不够友好。CSS3 多媒体查询CSS3 的多媒体查询继承了 CSS2 多媒体类型的所有思想： 取代了查找设备的类型，CSS3 根据设置自适应显示。媒体查询可用于检测很多事情，例如：viewport(视窗) 的宽度...
table th {border:1px solid #CCCCCC;background-color:#FFFFFF;FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); /*IE6-IE8*/background: -ms-linear-gradient(top, #fff, #C3DAF5); /* IE 10 */background:-moz-linear-gradient(top, #fff,#C3DAF5);/*火狐*/ background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fff), to(#C3DAF5));/*谷歌*/ ...
复制代码代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cn" > <head> <title>未知大小图片在已知大小容器水平/垂直居中</title> <style type="text/css"> .box { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align:middle; /*设置水平居中*/ text-align:center; ...
box-size允许您以特定的方式定义匹配某个区域的特定元素。content-box(默认)：宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。border-box：为元素设定的宽度和高度决定了元素的边框盒。inherit：规定应从父元素继承 box-sizing 属性的值。box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */-webkit-tap-highlight-color当用户点击iOS的...
取决于浏览器或者设备的方向，HTML元素总是会有"portrait"(竖屏) "landscape"(横屏) class. 你可以在css中如下使用它们:.portrait {/* 垂直方向的变化的代码 */}.landscape {/* 水平方向的变化的代码 */} "portrait"(竖屏) "landscape"(横屏) css设置原文：http://www.cnblogs.com/zhouyx/p/4560087.html
做的时候想要边框为比较好看的样式，需要UI切图并且放在div中，看起来会好看点 像这样的，我随便挑选了一个，UI帮我切图出来 需要把这个图片填到相应的div里面，但是很显然碰到一个问题，图片太大，而且放进去以后还不是响应式的那么解决问题的就来了：background:url(1.jpg);-webkit-background-size: 100px 60px; 这样还不是响应式应该怎么办呢 IMG加载的图片width设置为100%，高度会按照width的值自动等比率缩放背景图片...
要达到的效果是可以环绕图片最近做的一个项目，有一个具体的要求，是要完成文字对图片的环绕效果，其实不是很难；来做一份随笔，记录一下该做法，大家有什么好的实现方式，也可以互相探讨一下。这是我自己写的一个demo 已经实现环绕效果，不过具体的板式排列，还是需要根据具体的业务罗来做。先看一下效果图； 其实做法并不难，最主要的是图片的浮动，和父元素的设置css属性 word-break: break-all；重要的是父元素是要有宽度，不...
只要设置元素的box-pack和box-align即可，这两个属性当前只有webkit和moz支持，要设置垂直居中的话只需要将这两个属性的值都设置为center即可，需要的朋友可以参考下 以前处理垂直居中用的方法是设置div的height和line-height是一样的值，现在就不用那么麻烦了。只要设置元素的box-pack和box-align即可，这两个属性当前只有webkit和moz支持。其中box-pack控制的是水平的左和右，取值有：start(居左)，center(居中)，end(居右)。box...
电脑里说不上是哪里出问题了. 看很多网页, 字体都变了. 不是宋体了. 看上去比较难看. 拿SOHU来说吧, 在我的电脑上看就是这样. 可能看不去不太舒服吧. 而看网易并没有这样的问题. 由于就猜想恳定是SOHU没有设置网页的字体. 简单看了一下他们的CSS代码(没有细看).发现真的没有font-family . 而网易的就有 . font-family:"宋体", arial; 这样的问题,我发现很多人都犯,写CSS时都不喜欢设置字体. 如果像我这样的人. 电脑经常出问题, 字...
文本垂直在网页布局中是经常需要用到的，所以本篇文章给大家分享关于如何使用CSS指定框架内文本的垂直位置，内容很详细，有需要的朋友可以参考一下。在上一篇文章中介绍了利用CSS的text-align属性实现了文本的水平对齐，下面我们就来介绍用于指定框架内文本垂直位置的内容。由于没有直接指定框架内文本垂直位置的属性，因此我们可以通过以下方法进行设置。（推荐课程：）方法1：将框架样式更改为表格单元格并使用vertical-align属性...
使用CSS设置背景我们需要用到background背景属性，通过background属性我们可以设置背景颜色和背景图像，下面我们就来看看CSS设置背景的具体方法。我们先来看看CSS设置背景颜色我们需要使用background-color来改变背景颜色background-color:value（颜色编码或者颜色名称）在值的部分，你可以输入诸如＃000000的颜色代码或诸如white的颜色名称，设置的颜色就为背景颜色。background-color的初始值是transparent，在这种情况下，将应用...
html Body中的代码： 医院介绍| 医院环境| 美容设备| 文化活动| 新闻动态| 专家介绍| 整形博客| 联系我们 css代码： #footer{background-color:#17AEC9; height:3000px; text-align:center; width:980px; overflow:hidden;} #footer a{color:#FFDDDF; margin:auto 10px;} 文件中总共只有这些内容，没有别的设置，背景颜色不显示。 另外，在别的文件中设...
这篇文章主要介绍了关于用CSS设置文本样式的解析，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下一、设置文字的字体二、设置文字的倾斜效果三、设置文字的加粗效果四、设置英文字母大小写转换五、设置文字的大小六、设置文字的装饰效果七、设置段落首行缩进八、设置字词间距九、设置文字的行高十、设置段落之间的距离十一、设置文本的水平位置十二、设置文字和背景的颜色十三、设置段落的垂直对齐方式以上就是本文...
效果图：方法一<table> <tr> <th>姓名</th> <th>性别</th> <th>住址</th> <th>电话</th> </tr> <tbody> <tr> <td>张三</td> <td>男</td> <td>深圳龙岗区</td> <td>131313131313</td> </tr> <tr> <td>张三</td> <td>男</td> <td>深圳龙岗区</td> <td>13131...