摘要:
<!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 阅读全文