博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css样式学习3
阅读量:6428 次
发布时间:2019-06-23

本文共 802 字,大约阅读时间需要 2 分钟。

1.文本居中显示:

通过设置文本的行高于外部容器高度一致;可以实现文本垂直居中

例:

width: 200px;height: 100px;border: 1px solid red;text-align: center;line-height: 100px;
 
 
2.背景图片:/*背景颜色*/background-color: blue;/*背景图片*/background-image: url("图片路径");/*背景图片的展示方式*/background-repeat: no-repeat;/*背景图片的位置*/background-position: center top;/*背景图片的大小contain:图片宽高等比例缩放,直到宽或高填满父布局,可能出现图片填充布局不完整cover:图片宽高等比例缩放,直到较小的宽或高填满父布局,可能出现图片溢出。*/background-size: cover;
 

 

3.超链接:

/*伪类选择器*//*1:默认链接状态*/a:link{    color: blue;}/*2:已访问状态*/a:visited{    color: darkgray;}/*3:鼠标悬浮状态*/a:hover{    color: red;}a:active{    color: orange;
 
 
4.Margin外边距的几种书写样式:
/*margin: 0 auto;*//*margin: 20px;上右下左*//*margin: 20px 30px;!*上下 左右*!margin: 50px 80px 30px;!*上   左右   下*!margin: 20px 50px 80px 30px;!*上  右  下  左*!*/

转载于:https://www.cnblogs.com/liuyuancheng/p/7252652.html

你可能感兴趣的文章
sentences in movies and teleplays[1]
查看>>
【20181023T1】战争【反向并查集】
查看>>
win7网络共享原来如此简单,WiFi共享精灵开启半天都弱爆了!
查看>>
iOS9 未受信任的企业级开发者
查看>>
paper 40 :鲁棒性robust
查看>>
优化MySchool数据库(事务、视图、索引)
查看>>
使用笔记:TF辅助工具--tensorflow slim(TF-Slim)
查看>>
CCF-NOIP-2018 提高组(复赛) 模拟试题(一)
查看>>
大话设计模式读书笔记3——单例模式
查看>>
Java多线程之ReentrantLock与Condition
查看>>
实验三
查看>>
Vue 项目构建
查看>>
[Ruby on Rails系列]2、开发环境准备:Ruby on Rails开发环境配置
查看>>
在反射中如何调用类中的Setter()AndGetter()方法
查看>>
android studio adb
查看>>
框架源码系列二:手写Spring-IOC和Spring-DI(IOC分析、IOC设计实现、DI分析、DI实现)...
查看>>
asp.net编译 懒人脚本
查看>>
二分答案经典入门题:)
查看>>
为什么你需要将代码迁移到ASP.NET Core 2.0?
查看>>
思杰的雄心——软件定义的工作空间
查看>>