<div>
<div class="content wysiwyg-content">
I want to have the combo box design as attached. how can I do that? <a href="https://filedb.experts-exchange.com/incoming/2010/11_w48/373091/combo-style.JPG" target="_blank" title="combo style (4 KB)"><img alt="combo style" class="file-block lazyload" style="max-width: 363px;" data-src="https://filedb.experts-exchange.com/incoming/2010/11_w48/373091/combo-style.JPG" /></a>
</div>
</div>


combo-style.JPG

I want to have the combo box design as attached. how can I do that? 

How can I design like this combo using CSS or image?

Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, and social network services using a wide variety of languages and standards, including the familiar HTML, JavaScript and jQuery, ASP and ASP.NET, PHP, ColdFusion, CSS, PHP, Flex and Flash, but also the implementation of a broad list of standards including XML, WSDL, SSDL, VoiceXML and many more.

Web Languages and Standards

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

PHP is a widely-used server-side scripting language especially suited for web development, powering tens of millions of sites from Facebook to personal WordPress blogs. PHP is often paired with the MySQL relational database, but includes support for most other mainstream databases. By utilizing different Server APIs, PHP can work on many different web servers as a server-side scripting language.