1、用css画一个圆形
.disc1{
width: 100px
height: 100px
border:1px solid red
background-color: red
margin:300px 0px 0px 300px
border-radius:100%
float:left
}
2、由于爱心是由两个圆和一个正方形组成的，所以还需要再来一个圆形
.disc2{
width: 100px
height: 100px
border:1px solid red
background-color: red
margin:250px 0px 0px 0px
border-radius:100%
float:left
position: relative
right: 50px
}
3、心型下方就需要做一个正方形
.square{
width: 100px
height: 100px
border:1px solid red
background-color: red
margin: 300px 0px 0px 0px
float: left
position: relative
right: 152px
}
4、做完这些的效果已经基本上出来了，但是还需要调整一下爱心的角度，这时就需要用到css样式中的transform中的rotate属性了。
由于需要把三个div都旋转角度，所以把这三个div放在一个div里面。具体代码如下：
.main{
transform: rotate(45deg)
margin: 300px
}
全部代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
*{
margin: 0px
padding: 0px
}
.main{
transform: rotate(45deg)
margin: 300px
}
.disc1{
width: 100px
height: 100px
border:1px solid red
background-color: red
margin:300px 0px 0px 300px
border-radius:100%
float:left
}
.disc2{
width: 100px
height: 100px
border:1px solid red
background-color: red
margin:250px 0px 0px 0px
border-radius:100%
float:left
position: relative
right: 50px
}
.square{
width: 100px
height: 100px
border:1px solid red
background-color: red
margin: 300px 0px 0px 0px
float: left
position: relative
right: 152px
}
</style>
</head>
<body>
<div class="main">
<div class="disc1"></div>
<div class="disc2"></div>
<div class="square"></div>
</div>
</body>
</html>
![R语言：X <-as.matrix(df[,3:8])，这个[,3:8]是什么意思呢，[,]这个逗号前面后面的都是什么意思呢？](/aiimages/R%E8%AF%AD%E8%A8%80%EF%BC%9AX+%26amp%3Blt%3B-as.matrix%28df%5B%2C3%3A8%5D%29%EF%BC%8C%E8%BF%99%E4%B8%AA%5B%2C3%3A8%5D%E6%98%AF%E4%BB%80%E4%B9%88%E6%84%8F%E6%80%9D%E5%91%A2%EF%BC%8C%5B%2C%5D%E8%BF%99%E4%B8%AA%E9%80%97%E5%8F%B7%E5%89%8D%E9%9D%A2%E5%90%8E%E9%9D%A2%E7%9A%84%E9%83%BD%E6%98%AF%E4%BB%80%E4%B9%88%E6%84%8F%E6%80%9D%E5%91%A2%EF%BC%9F.png)
