- 博客(9)
- 收藏
- 关注
原创 边框圆角(圆、半圆、四分之一圆)的设置
2.确定哪个角要设置,设置值为圆的半径,元素的宽高(可以使用具体的数值或者百分比)设置圆:1.设置元素宽高比1:1,2.设置边框弧度时宽高的一半 (可以使用具体的数值或者百分比)设置半圆:1.确定半圆=》确定元素的宽高比,2.确定哪二个角要设置,设置值为圆的半径,具体的值。设置四分之一圆:1.确定四分之一圆,元素的宽高比1:1,/* 左上 右上/左下 右下 *//* 左上/右下 右上/左下 */-- 设置二分之一圆---上半圆 -->-- 设置四份之一圆---右下 -->-- 设置圆 -->
2023-07-05 10:11:36 1139
原创 外边距、内边距
style>/* 上 右 下 左 */div {span {/* 设置上外边距:没有效果 *//* 设置左外边距有效果 */</style></head><body>--外边距(margin)设置元素之间的距离包含:margin-top注意:行元素垂直方向外边距设置没有效果,不会影响垂直方向其他元素的布局水平方向外边距有效果--><span>那圣而。
2023-07-05 10:09:23 71
原创 盒子模型、边框
style>--盒子模型的组成:从内向外1.content (内容) 元素放内容的区域2.padding (内边距) 设置元素内容与边框之间的距离3.border (边框) 设置元素边框4.margin (外边距) 设置元素之间的距离-->.one {/* 设置内边距 *//* 设置边框 *//* 设置外边距 */</style></head><body><div class="one">你章诗郭,文有价什。
2023-07-05 09:57:24 47
原创 文本的样式
与-webkit-line-clamp一起连用。rgba(red,green,blue,alpha) alpha [0,1]设置不透明度 0 完全透明 1完全不透明。<p class="text1">我妄不珍,人骂智完身我仍见评也车向盲考。连人死将让必斯,己。<p class="text">我妄不珍,人骂智完身我仍见评也车向盲考。2.设置几行省略 -webkit-line-clamp。<p class="first">生承嗣,壬 月判能,未。
2023-07-03 08:40:49 50
原创 OverFlow
弟廿关妙诗婵,老无。方法三:改变元素的高度和overflow一起使用。方法二:visibility:设置元素可见性。scroll:设置生成滚动条。overflow:设置溢出内容显示样式。<a href="#">点击
2023-07-03 08:38:59 33
原创 结构选择器
先将父元素中的子元素按照标签名进行分类,然后在对应类别中选择第一个子元素1。先将父元素中的子元素按照标签名进行分类,然后在对应类别中选择第num个子元素1。先将父元素中的子元素按照标签名进行分类,然后在对应类别中选择最后一个子元素1。3.2 父元素>子元素1:nth-of-type(num) {}选择父元素中第一个子元素,并且与子元素1是相同的。选择父元素中最后一个子元素,并且与子元素1是相同的。2.2 父元素>子元素1:last-of-type {}选择父元素中第num个子元素,并且与子元素1是相同的。
2023-06-28 20:39:31 43
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人