摘要: background属性简写 background属性可以像margin padding属性一样,有简写方法,它的简写顺序是: 如果某属性不想写,可以忽略。 下面的代码演示了background属性简写的用法。 <!DOCTYPE html> <html> <head> <title>backgro 阅读全文
posted @ 2019-04-25 15:30 乱世以外 阅读(2976) 评论(0) 推荐(0) 编辑
摘要: 背景图片定位 background-position属性可以给背景图片定位。 background-position属性有两个值,第一个值是水平位置,第二个值是垂直位置。这两个值可以使用百分比来表示(50% 50% 表示垂直和水平都居中)。 也可以使用下面的方式表示: left top left c 阅读全文
posted @ 2019-04-25 15:29 乱世以外 阅读(1212) 评论(0) 推荐(0) 编辑
摘要: 重复图像 background-repeat 属性可以重复图像,这对于小图片来说是福音。 background-repeat 属性有6个值: repeat 背景图像在垂直方向和水平方向都重复 repeat-x 背景图像在水平方向重复 repeat-y 背景图像在垂直方向重复 scroll 背景图像随 阅读全文
posted @ 2019-04-25 15:28 乱世以外 阅读(1603) 评论(0) 推荐(0) 编辑
摘要: 填充部分元素示例 为某个元素设置CSS规则background-image 属性,则可以做到部分元素有背景颜色。 下面的示例演示如何如何给段落元素加背景。 <!DOCTYPE html> <html> <head> <title>填充部分</title> <style type="text/css" 阅读全文
posted @ 2019-04-25 15:27 乱世以外 阅读(598) 评论(0) 推荐(0) 编辑
摘要: background-image 属性可以设置背景图像。 背景图像可以填充整个页面的,也可以填写一部分。 background-image 属性的使用很简单:background-image:url(图片地址) 填充整个页面示例 <!DOCTYPE html> <html> <head> <titl 阅读全文
posted @ 2019-04-25 15:26 乱世以外 阅读(1601) 评论(0) 推荐(0) 编辑
摘要: 左右对齐图像使用的技术是浮动div元素。 float:left 左对齐 float:right右对齐 示例 <!DOCTYPE html> <html> <head> <title>图像左右对齐</title> <meta charset="UTF-8"> <style type="text/css 阅读全文
posted @ 2019-04-18 02:24 乱世以外 阅读(5436) 评论(0) 推荐(0) 编辑
摘要: CSS 图像居中对齐 我们在《CSS 内外边距》学过内容居中,它的原理是将外边左右设置为auto。图像居中也是这个原理。 示例 <!DOCTYPE html> <html> <head> <title>图像居中</title> <meta charset="UTF-8"> <style type=" 阅读全文
posted @ 2019-04-17 18:01 乱世以外 阅读(443) 评论(0) 推荐(0) 编辑
摘要: CSS 图像大小 虽然在HTML中,img标签有属性height、width设置高和宽,在工作中却使用得非常少,通常使用CSS来控制大小。 给盒子设置属性height、width限制大小。单位通常是像素。 示例 <!DOCTYPE html> <html> <head> <title>图像大小</t 阅读全文
posted @ 2019-04-17 17:54 乱世以外 阅读(804) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <title>单选按钮对齐</title> <style type="text/css"> a{display:block} a.aut{cursor:auto} a.crosshair{cursor:crosshair} a.defaul 阅读全文
posted @ 2019-04-17 11:45 乱世以外 阅读(460) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <title>单选按钮对齐</title> <style type="text/css"> div { margin: 10px; padding-bottom: 10px; max-width:360px; } .title { floa 阅读全文
posted @ 2019-04-17 11:44 乱世以外 阅读(315) 评论(0) 推荐(0) 编辑