css - Making a rhombus shape using background images -


I am using the following test code to try to make a rhombus type shape. The duration is a standard rectangle, and 2 sides will reveal it as an equilateral

  ********* * * ******  < / Pre> 

However, the selectors do not seem to render anything before and after. I'm not sure if I'm doing it wrong or if I'm in the right position.

Any thoughts?

  & lt; Style & gt; Duration {width: 50px; Height: 20px; White color; Background color: red; Padding: 10px; } Duration: {background: url ('left_side.png') before center not-repeat; Height: 43px; Width: 22px; } Duration: {background: after url ('right_side.png') not right center again; Height: 43px; Width: 22px; } & Lt; / Style & gt; & Lt; Html & gt; & Lt; Body & gt; & Lt; Period & gt; Some text here & lt; / Span & gt; & Lt; / Body & gt; & Lt; / Html & gt;    

  #demo {border-top: 100px solid red; Border-left: 50px solid transparent; Border-right: 50px solid transparent; Height: 0; Width: 100px; }   

Without images, why do people create css3

demo:

Comments

Popular posts from this blog

excel vba - How to delete Solver(SOLVER.XLAM) code -

github - Teamcity & Git - PR merge builds - anyway to get HEAD commit hash? -

ios - Replace text in UITextView run slowly -