我想在右側(cè)添加一個(gè)小三角形，以便與輸入字段的開(kāi)頭重疊，但我一直未能。這里是我的代碼：如何使用css在標(biāo)簽的右側(cè)添加一個(gè)三角形？

HTML：

First Name

Last Name

Email

Password

?

CSS：

html{background-color:#000;}

label{

font-weight: bold;

background: -webkit-linear-gradient(#3073BF 0%, #204C7F 100%);

padding: .7em .85em .8em 0em;

display: block;

width: 100px;

float: left;

border-radius: .3em 0px 0px .3em;

margin: 5px 0;

color: #102640;

text-shadow: 0px 1px 1px #fff;/*rgba(0, 0, 0, 0.3);*/

height: 17px;

}

#wrapper{

width: 800px;

margin: 3em auto;

background: white;

padding: 2em 4em;

border-radius: .5em;

box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);

}

form{

width: 330px;

margin: 0 auto;

text-align: right;

}

input{

padding: .5em;

border-radius: 0px 4px 4px 0px;

border: 1px solid #bcbcbc;

margin: .3em 0;

font-size: 1.1em;

}

#submit{

text-align: center;

clear: both;

float: none;

position: relative;

right:10px;

margin: 1em;

padding: 1em 3em;

background: -webkit-linear-gradient(#fff1ba 0%, #ffc400 100%);

border: 1px solid #ffb135;

box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);

font-weight: bolder;

color: #a74f00;

font-size: 1em;

text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.7);

cursor: pointer;

border-radius: .3em;

width:300px;

}

#submit:hover{

background: -webkit-linear-gradient(#ffc400 0%, #fff1ba 100%);

}?

2012-11-28

Tsundoku

《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專(zhuān)家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的html中右侧三角形代码,如何使用css在标签的右侧添加一个三角形？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。