摘要：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title> </title> <style type="text/css"> input{ font-size:120%; /**字体大小**/ color:#5a5854; 阅读全文
摘要：
CSS 图像 <上一节下一节> 通过CSS可以控制图像的大小和对齐方式。 图像大小 虽然在HTML中，img标签有属性height、width设置高和宽，在工作中却使用得非常少，通常使用CSS来控制大小。 给盒子设置属性height、width限制大小。单位通常是像素。 示例 1 2 3 4 5 6 阅读全文
摘要：
输入框前有图片 老板让你实现在输入框前有图片的功能。老板觉得用图片代替文字更有说服力。 要实现这样的功能很简单，它的原理是将图片放在内边距内。 代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 阅读全文
摘要：
关于表格的CSS属性不多。 empty-cells 如果在一个表格中有空单元格，可以使用empty-cells属性来指定是否显示空单元格的边框。 empty-cells 属性有3个值： show 显示单元格边框 hidde 隐藏单元格边框 inherit 如果一个表格嵌套在另一个表格中，单元格边框是 阅读全文
摘要：
列表项符号 list-style-type 属性可以设置符号的样式。 符号样式有有序的和无序的。 无序列表 在无序列表中，list-style-type 属性的值是形状，它有值有： none 什么都没有 disc 实心圆点 circle 空心圆 square 实心方块 示例 1 2 3 4 5 6 阅读全文
摘要：
box-shadow 属性可以设置盒子的投影效果。它的原理同文本投影一样。字体风格 一节有介绍。 它有4个值，同时使用，也可以有选择地使用： 第一个值 设置阴影左右延伸长度，负值向左，正值向右 第二个值 设置阴影上下延伸长度，负值向上，正值向下 第三个值 设置阴影的模糊程度 第四个值 设置阴影的颜色 阅读全文
摘要：
css的border-radius属性可以实现圆角、圆形、椭圆形。 实现上述圆角的前提是盒子要有边框。 规则圆角 下面的示例演示了圆角、赛道、圆形，我们先看效果图。 下面是实现的代码： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 阅读全文
摘要：
border-image border-image 可以将图像应用到盒子的边框上。 border-image 属性需要3个值同时存在： URL 图片的地址 切割图片的位，4个边需要写4个值 如何处理边，它又3个种方式 stretch 伸展图片 repeat 重复图片 round 重复图片，同时会处理 阅读全文
摘要：
padding 内边距 padding 属性用来指定元素的内容与元素边框之间的空隙。 padding 属性的单位通常是像素，也可以是EM和百分比。 如果使用百分比，内边距就是浏览器窗口的一个百分比。 如果一个盒子的宽度已经指定，后面再添加内边距，原来盒子的整体大小会增大。 如下面的示例： 1 2 3 阅读全文
摘要：
边框、外边距和内边距 有3种属性可以控制例子的外观 分别是外边距maring，边框border，内边距padding 它们的值的大小会影响外观，在浏览器上显示的位置。 当内边距增大时，盒子的外观会变大。 设置内边距的示例： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 阅读全文