总结css样式中样式属性
导读:在CSS样式中,有很多样式属性可以用来改变网页的外观和布局。这篇文章将总结一些常见的样式属性。/* 背景 */background-color: #fff; /* 设置背景色为白色 */background-image: url("imag...
在CSS样式中,有很多样式属性可以用来改变网页的外观和布局。这篇文章将总结一些常见的样式属性。
/* 背景 */background-color: #fff;
/* 设置背景色为白色 */background-image: url("image.jpg");
/* 设置背景图片 */background-repeat: repeat-x;
/* 水平重复背景图片 */background-position: center;
/* 背景图片居中 *//* 边框 */border: 1px solid #000;
/* 1像素宽的黑色实线边框 */border-radius: 5px;
/* 圆角边框 *//* 字体 */font-family: "Microsoft YaHei";
/* 字体设置为微软雅黑 */font-size: 16px;
/* 字号为16像素 */font-weight: bold;
/* 字体加粗 *//* 颜色 */color: #333;
/* 字体颜色为深灰色 *//* 尺寸 */width: 500px;
/* 宽度为500像素 */height: 300px;
/* 高度为300像素 */margin: 20px auto;
/* 上下间距为20像素,左右居中 *//* 布局 */display: block;
/* 将块级元素变成块元素 */float: left;
/* 左浮动 */clear: both;
/* 清除浮动 *//* 透明度 */opacity: 0.5;
/* 透明度为50% *//* 文本 */text-align: center;
/* 文字居中对齐 */text-decoration: none;
/* 去掉链接的下划线 *//* 列表 */list-style: none;
/* 去掉列表符号 *//* 光标 */cursor: pointer;
/* 鼠标移上去变成手型 */以上是一些CSS样式中常用的样式属性,掌握了这些,就可以让网页制作更加美观与简洁。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 总结css样式中样式属性
本文地址: https://pptw.com/jishu/341233.html
