আসালামু আলাইকুম , আসা করি সবাই ভাল আছেন । আমাদের অনেকের হয়ত দুই একটা ওয়েবসাইট আছে কিন্তু সঠিক ডিজাইন না জানার কারনে সাইট কে পরি পূর্ন রুপ দিতে পারি না । যার কারনে শখের ওয়েব সাইটির ওপর থেকে দুই চার দিন পরে মন উঠে জায় । কিন্তু আপনি কি জানেন সবচেয়ে সহজ হচ্ছে ওয়েব ডিজাইন তাই ওয়েব দিজাইন নিয়ে আমার একটি ছো্ট টিউটিরিয়াল .....
আজ দেখবো কিভাবে টেকটিউনের মত চার পাসের ছায়া যুক্ত বর্ডার দেয়া যায় ।
নিচের স্টেপ ফলো করুন -
<style>
#tt-border{
background-color: #FFF;
box-shadow: #AAA 0px 0px 5px 2px;
color: #000;
float:left;font-family: SolaimanLipi,Arial,Vrinda;
font-size: 13.6px;
font-weight: 400;
line-height: 19px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
width: 930px;
margin:0 auto;
box-shadow: #AAA 0px 0px 5px 2px;
color: #000;
float:left;font-family: SolaimanLipi,Arial,Vrinda;
font-size: 13.6px;
font-weight: 400;
line-height: 19px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
width: 930px;
margin:0 auto;
}
</style>
এবার এইটি কে কাজে খাটানোর পালা-
<body>
<div id="tt-border">এখানে কিছু একতা লিখে চেস্টা করুন</div>
</body>
এই লিঙ্ক হতে সোর্স ফাইল টি ডাউনলোড ও ডেমো দেখুন . Demo
ভাল লাগলে কমেন্ট করুন । জানি এই ছোট টিউনে বুঝবেন না তাই নিয়মিত টিউন করতে হবে ।
আমার সাইট আমি নিজে ডিজাইন করেছি ভাল লাগলে দেখতে পারেন - বাংলা আইটিব্লগ
0 comments:
একটি মন্তব্য পোস্ট করুন