博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
8 定制10MINs 3
阅读量:4676 次
发布时间:2019-06-09

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

1.

呈现给您最简洁有趣的知识是我们认为最有趣的事情

  

 

呈现给您最简洁有趣的知识是我们认为最有趣的事情

  

2.

呈现给您最简洁有趣的知识是我们认为最有趣的事情

  

 

 

3.

首席执行官

alex

 

  

 

 

 

 

 

4.

呈现给您最简洁有趣的知识是我们认为最有趣的事情

 

.ui.inverted.red.basic.segment.people-say{    background: url('images/people-say.png');    background-size: cover;    background-repeat: no-repeat;}

 

 

5.

首席执行官

alex

  

.ui.circular.inverted.segment{  background: url('images/profile.png');  background-size: cover;  background-repeat: no-repeat;}

  

 

6.没有反应。检查bug

.ui.circular.inverted.segment > .ui.header {  position: absolute;}

  没有反应。检查bug

首席执行官CHO

alex

  

7.

首席执行官CHO

alex

  

.ui.circular.inverted.segment > .ui.header{  position: absolute;}

  

 

 8.

.ui.circular.inverted.segment > .ui.header{  position: absolute;  top: 50%;  left:50%;  transform: translate(-50%,-50%);}

  

 

 

.ui.circular.inverted.segment > .ui.header{  position: absolute;  top: 110%;  left:50%;  transform: translate(-50%,-50%);}

  

 

 

.ui.circular.inverted.segment > .ui.header{  position: absolute;  top: 110%;  left:50%;  transform: translate(-50%,-50%);  width: 200px;}

  

 

首席执行官CHO

alex

  

.ui.circular.inverted.segment > .ui.inverted.header{  position: absolute;  top: 110%;  left:50%;  transform: translate(-50%,-50%);  width: 200px;}

  

 

9.

  

 

 

 

 

10

.icon.red.inverted.circular.star{  position: absolute;  left:100%;  top:100%;  transform:translate(-100%,-100%);}

  

 

 

 

 

 

 

 

.four.wide.column{  position: relative;}

  

.ui.circular.inverted.segment{  background: url('images/profile.png');  background-size: cover;  background-repeat: no-repeat;  width: 120px;  height: 120px;  position: absolute;  left: 50%;  transform: translate(-50%,-50%);}

  

 

 

.ui.inverted.red.basic.segment.people-say > .ui.grid{  position: relative;  top:50%;  transform: translate(0,-50%);}

  

 

 

.ui.center.aligned.header{  position: relative;  top: 20%;  transform: translate(0,-50%);}

 

 

  

.ui.inverted.red.basic.segment.people-say > .ui.grid{  position: relative;  top:50%;  transform: translate(0,-50%);}

  

 

 

  

.ui.inverted.red.basic.segment.people-say > .ui.red.circular.button{  position: absolute;  top: 100%;  left:50%;  transform: translate(-50%,-50%);  background: white;}

  

  

 

.ui.inverted.red.basic.segment.people-say{    height: 450px;    background: url('images/people-say.png');    background-size: cover;    background-repeat: no-repeat;    margin-bottom: 200px;}

  

 

      
10Mins

让你的生活不再无趣发现新意

一个简洁、实用的技能学习平台

呈现给您最简洁有趣的知识是我们认为最有趣的事情

首席执行官CHO

alex

首席执行官CHO

alex

首席执行官CHO

alex

首席执行官CHO

alex

View Code

 

.ui.vertical.basic.segment.masterheader{  height: 700px;  background: url('images/banner.png');  background-size: cover;  background-repeat: no-repeat;  padding-left: 40px;  padding-right: 40px;}.ui.center.inverted.aligned.header.masterslogan{  font-size: 50px;  position: absolute;  top: 50%;  left:50%;  transform: translate(-50%,-50%);}.ui.red.circular.button{  width: 220px;}.ui.header.logo{  font-size: 30px;  color: rgb(128, 131, 136)}.ui.inverted.segment.card-view{  height: 220px;}.ui.basic.segment.recommended > .ui.center.aligned.header{  font-size: 50px;  color: rgb(137, 132, 138);  margin-top: 40px;  margin-bottom: 40px;}.ui.header.title{  margin-bottom: 100px;}.ui.inverted.red.basic.segment.people-say{    height: 450px;    background: url('images/people-say.png');    background-size: cover;    background-repeat: no-repeat;    margin-bottom: 200px;}.ui.center.aligned.header{  position: relative;  top: 20%;  transform: translate(0,-50%);}  .ui.inverted.red.basic.segment.people-say > .ui.grid{    position: relative;    top:50%;    transform: translate(0,-50%);  }.four.wide.column{  position: relative;}.ui.circular.inverted.segment{  background: url('images/profile.png');  background-size: cover;  background-repeat: no-repeat;  width: 120px;  height: 120px;  position: absolute;  left: 50%;  transform: translate(-50%,-50%);}.ui.circular.inverted.segment > .ui.inverted.header{  position: absolute;  top: 110%;  left:50%;  transform: translate(-50%,-50%);  width: 200px;}.icon.red.inverted.circular.star{  position: absolute;  left:100%;  top:100%;  transform:translate(-100%,-100%);}.ui.inverted.red.basic.segment.people-say > .ui.red.circular.button{  position: absolute;  top: 100%;  left:50%;  transform: translate(-50%,-50%);  background: white;}
View Code

 

 

转载于:https://www.cnblogs.com/venicid/p/8075784.html

你可能感兴趣的文章
C# 高效率创建字符串类(StringBuilder)
查看>>
sql server 符号函数sign
查看>>
bzoj 4337 树的同构
查看>>
OPENQUERY用法以及使用需要注意的地方
查看>>
1001. Extending MyPoint class
查看>>
js使用showModalDialog,弹出一个自适应大小窗口
查看>>
[poj 3436]最大流+输出结果每条边流量
查看>>
webpack的安装
查看>>
字符流Reader和Writer
查看>>
【校招面试 之 C/C++】第33题 C++ 11新特性(四)之STL容器
查看>>
Java替代C语言的可能性
查看>>
android ListView中CheckBox错位的解决
查看>>
linux下的mongodb数据库原生操作
查看>>
BNUOJ 1268 PIGS
查看>>
菜鸟的MySQL学习笔记(三)
查看>>
商业选址5A法则
查看>>
POJ 1191 棋盘分割(区间DP)题解
查看>>
文件同步服务器,iis 集群 ,代码同步(一)
查看>>
JS之模板技术(aui / artTemplate)
查看>>
【Tomcat】Tomcat Connector的三种运行模式【bio、nio、apr】
查看>>