标签：UNC source asi target hang div2 radius ast 水平
给跳转到的目标设置样式
<!-- 目标伪类选择器 --> <a name="target">目标</a> <a href="#target">显示目标</a>
:target{ border: 1px solid red; color: blueviolet; }
outline位于border之外
input{ outline-color: red; border: 10px solid darkblue; }
<input type="text">
<div id="main" > <div></div> <div></div> <div></div> <div></div> </div>
#main { height: 300px; columns: 4; } #main div:nth-child(1) { width: 300px; height: 50px; background-color: aquamarine; } #main div:nth-child(2) { width: 300px; height: 50px; background-color: skyblue; } #main div:nth-child(3) { width: 300px; height: 50px; background-color: navy; } #main div:nth-child(4) { width: 300px; height: 50px; background-color: darkkhaki; }
<div id="div1"></div> <div id="div2"></div> <div id="div3"></div> <div id="div4"></div>
div{ width: 50px; height: 50px; background-color: red; text-align: center; float: left; margin-right: 100px; } #div1{ border-top-left-radius: 50%; } #div2{ border-top-left-radius: 50%; border-top-right-radius: 50%; } #div3{ border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; } #div4{ border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; }
hanging-punctuation：规定表带你字符是否位于线框之外
punctuation-trim:规定是否对标点字符进行修剪
text-align-last:设置如何对齐最后一行或紧挨着强制换行符之前的行
text-emphasis:向元素的文本应用重点标记的前景色
text-justify:规定当text-align设置为justify时所使用的对齐方法
text-outline:规定文本的轮廓
text-overflow:文本溢出
text-shadow：文本阴影
text-wrap:文本换行规则
word-break:规定非中日韩文的换行规则
word-wrap：允许对长的不可分割的单词进行分割并换行到下一行
标签：UNC source asi target hang div2 radius ast 水平
原文地址：https://www.cnblogs.com/ltfxy/p/12417186.html
