乱世以外

2019年4月25日

摘要： background属性简写 background属性可以像margin padding属性一样，有简写方法，它的简写顺序是：如果某属性不想写，可以忽略。下面的代码演示了background属性简写的用法。 <!DOCTYPE html> <html> <head> <title>backgro 阅读全文

posted @ 2019-04-25 15:30 乱世以外阅读(3081) 评论(0) 推荐(0)

CSS 背景图像背景图片定位

摘要：背景图片定位 background-position属性可以给背景图片定位。 background-position属性有两个值，第一个值是水平位置，第二个值是垂直位置。这两个值可以使用百分比来表示（50% 50% 表示垂直和水平都居中）。也可以使用下面的方式表示： left top left c 阅读全文

posted @ 2019-04-25 15:29 乱世以外阅读(1237) 评论(0) 推荐(0)

CSS 背景图像重复图像

摘要：重复图像 background-repeat 属性可以重复图像，这对于小图片来说是福音。 background-repeat 属性有6个值： repeat 背景图像在垂直方向和水平方向都重复 repeat-x 背景图像在水平方向重复 repeat-y 背景图像在垂直方向重复 scroll 背景图像随阅读全文

posted @ 2019-04-25 15:28 乱世以外阅读(1701) 评论(0) 推荐(0)

CSS 背景图像填充部分元素示例

摘要：填充部分元素示例为某个元素设置CSS规则background-image 属性，则可以做到部分元素有背景颜色。下面的示例演示如何如何给段落元素加背景。 <!DOCTYPE html> <html> <head> <title>填充部分</title> <style type="text/css" 阅读全文

posted @ 2019-04-25 15:27 乱世以外阅读(641) 评论(0) 推荐(0)

CSS 背景图像填充整个页面示例

摘要： background-image 属性可以设置背景图像。背景图像可以填充整个页面的，也可以填写一部分。 background-image 属性的使用很简单：background-image:url(图片地址) 填充整个页面示例 <!DOCTYPE html> <html> <head> <titl 阅读全文

posted @ 2019-04-25 15:26 乱世以外阅读(1665) 评论(0) 推荐(0)

2019年4月18日

CSS 图像左右对齐

摘要：左右对齐图像使用的技术是浮动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 乱世以外阅读(5564) 评论(0) 推荐(0)

2019年4月17日

CSS 图像居中对齐

摘要： CSS 图像居中对齐我们在《CSS 内外边距》学过内容居中，它的原理是将外边左右设置为auto。图像居中也是这个原理。示例 <!DOCTYPE html> <html> <head> <title>图像居中</title> <meta charset="UTF-8"> <style type=" 阅读全文

posted @ 2019-04-17 18:01 乱世以外阅读(514) 评论(0) 推荐(0)

CSS 图像大小

摘要： CSS 图像大小虽然在HTML中，img标签有属性height、width设置高和宽，在工作中却使用得非常少，通常使用CSS来控制大小。给盒子设置属性height、width限制大小。单位通常是像素。示例 <!DOCTYPE html> <html> <head> <title>图像大小</t 阅读全文

posted @ 2019-04-17 17:54 乱世以外阅读(833) 评论(0) 推荐(0)

CSS表单3 光标样式 (每个位置鼠标放上去的样式不同)

摘要： <!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 乱世以外阅读(481) 评论(0) 推荐(0)

CSS表单2 组件排版

摘要： <!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 乱世以外阅读(326) 评论(0) 推荐(0)

公告