css:
<style>
body{
color: red;/*
颜色有三种写法:rgb(255,0,0)
英文单词
16禁止 #9F7F4F网页里去找
*/
text-align: center;/* 文本对齐方式 */
text-decoration: line-through;/* 设置或删除文本装饰
none去掉下划线
underline加入下划线
overline上划线
line-through中划线 打折商品*/
text-transform: capitalize;
/* text-transform:指定文本中的大写和 小写字母
首字母大写 capitalize
全部小写lowersize
*/
text-indent: calc();/* 文本缩进 指定文本第一行 */
text-shadow: 2px 2px;/* 为文本添加阴影法是只指定水平阴影(2px)和垂直阴影(2px) */
}
</style>
表格:
div{
border-left-color: red;
border-left-width: 10px;
border-right-color: blue;
border-right-width: 15px;
border-top-color: pink;
border-top-width: 20px;
border-bottom-color: yellow;
border-bottom-width: 25px;
/* 默认方向上右下左 */
/* 必须指定边框样式,才能显示边框效果
如 border-left-style:左边框样式
*/
border-left-style: solid;/* 单实线 */
border-right-style: double;/* 双实线 */
border-top-style: dashed;/* 虚线 */
border-bottom-style: dotted;/* 点 */
}
简写
div{
border-color: red blue yellow green;
border-width: 10px 10px 10px 10px;
border-style: dashed;/* 简写属性 默认方向上右下左 */
}